Diskuze: Problém s posouváním na CANVASu!

Naučíme tě pracovat na home-office.

Zjistit více...

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

James

Člen

James:12.10.2016 20:24

Ahoj mám tenhle kus kódu v JS, a dělám napodobeninu hry diep.io za účelem studia JS, a narazil jsem na problém když otáčím tím čtvercem tak se otačí prapodivně, prostě si osy X a Y otačí také ne jen pouze to co zobrazuji, potřeboval bych to ošetřit a na matiku jsem marnej

ctx.save();

ctx.translate(canvas.width / 2, canvas.height / 2);

ctx.clearRect(-canvas.width / 2, -canvas.height / 2, canvas.width, canvas.height);

ctx.rotate((rotate*Math.PI/180));

ctx.beginPath();
ctx.fillStyle = "#000000";
ctx.fillRect(x - size/2 - 2, y - size/2 - 2, size+4, size+44);
ctx.fill();
ctx.closePath();

ctx.beginPath();
ctx.fillStyle = "#444444";
ctx.fillRect(x - size/2, y - size/2, size, size+40);
ctx.fill();
ctx.closePath();

ctx.rotate(-(rotate*Math.PI/180));

ctx.beginPath();
ctx.fillStyle = "#000000";
ctx.arc(x, y, size + 2, 0, 2*Math.PI);
ctx.fill();
ctx.closePath();

ctx.beginPath();
ctx.fillStyle = "#6688FF";
ctx.arc(x, y, size, 0, 2*Math.PI);
ctx.fill();
ctx.closePath();

ctx.restore();

Editováno 12.10.2016 20:25

Odpovědět

12.10.2016 20:24

Slovo nikdy znamená že cesta k cíly je pouze o něco těžší než se zdálo.

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.

Nejčastěji vyhledáváné

Diskuze: Problém s posouváním na CANVASu!