Javascript Ромбовидный узор Форма Minecraft ⇐ Html

[Anonymous]

Я пишу здесь, потому что не могу заставить его работать и мне нужна помощь.
Это часть моего кода, с помощью которой я хочу создать верхнюю часть логотипа Minecraft в перспективе:

Код: Выделить всё

for (let i = 0; i < 16; ++i) {
ctx.fillStyle = "#e92929ff";
var temp = i;
for (let j = 0; j < 16; j++) {
for (let z = 0; z < j + 1; z++) {

ctx.beginPath();
ctx.moveTo(180 + x - i * 12 + 12 * j, 91 + y - (i + z) * 6); //left
ctx.lineTo(192 + x - i * 12 + 12 * j, 85 + y - (i + z) * 6); //top
ctx.lineTo(204 + x - i * 12 + 12 * j, 91 + y - (i + z) * 6); //right
ctx.lineTo(192 + x - i * 12 + 12 * j, 97 + y - (i + z) * 6); //bottom
ctx.closePath();
ctx.fill();
}
}

И у меня получается вот это (посмотрите на красную часть)
Логотип Minecraft*

Код: Выделить всё

    }

Любые советы/решения

Подробнее здесь: https://stackoverflow.com/questions/798 ... raft-shape