Показать сообщение отдельно
  #1 (permalink)  
Старый 15.08.2014, 20:05
Профессор
Отправить личное сообщение для Dimaz Посмотреть профиль Найти все сообщения от Dimaz
 
Регистрация: 25.12.2009
Сообщений: 222

Как передвинуть квадрат в определенное место?
Как передвинуть квадрат в определенное место? Квадрат передвигается только на один пиксель после каждого клика. Помогите, плиз
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);
}
}
Ответить с цитированием