Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как передвинуть квадрат в определенное место? (https://javascript.ru/forum/misc/49503-kak-peredvinut-kvadrat-v-opredelennoe-mesto.html)

Dimaz 15.08.2014 20:05

Как передвинуть квадрат в определенное место?
 
Как передвинуть квадрат в определенное место? Квадрат передвигается только на один пиксель после каждого клика. Помогите, плиз:)
window.onload = function(){
var x = 50; //отступ слева
var y = 50; //отступ сверху
var c = document.getElementById("game");
var ctx = c.getContext("2d");   
init();
tick();
function init()
{
    //Добавление слушателей
    document.addEventListener("click",paint,false);
}

function paint(e)
{
if(x<e.clientX) x++;
}

function tick()
{
    ctx.clearRect(x-1,y,1,15);
    ctx.fillStyle = "blue";
    ctx.fillRect(x,y,15,15);
    window.requestAnimationFrame(tick);
}
}


Часовой пояс GMT +3, время: 13:46.