Показать сообщение отдельно
  #1 (permalink)  
Старый 18.07.2014, 10:12
Новичок на форуме
Отправить личное сообщение для mrdeath4 Посмотреть профиль Найти все сообщения от mrdeath4
 
Регистрация: 17.07.2014
Сообщений: 9

Не верно работает onmove в canvas.Подскажите плиз!
Доброго утра,
Хочу сделать, чтобы на нарисованной сетке в канвасе, при наведении на определенный квадрат, он подсвечивался.

http://learn.javascript.ru/play/35puh
вот в этой штуке, оно работает, но работает немного не так как я планировал.




У меня на странице, оно вообще не работает:
http://www.ravak.kiev.ua/aksiya/td2.html

для удобства вот код:
var tower1 = document.getElementById('tower1');
tower1.onclick = function ()
{
 build('tower1');
 createTower = true; 
} 

canvas.onmouseover = function ()
{
  mouseMove(event);
  if (createTower){ 
    context.fillStyle = "#29FF37";
    context.fillRect(ingameX*cellSize + ingameX, ingameY*cellSize + ingameY, cellSize, cellSize);
  }
} 


function build(tower)
{
  document.getElementById(tower).disabled = 'true';

  
}

function mouseMove(e)
{
  var mouseX, mouseY;

if (e.offsetX){
	mouseX = e.offsetX - canvas.offsetLeft;
	mouseY = e.offsetY - canvas.offsetTop;
}
else if (e.layerX){
	mouseX = e.layerX;
	mouseY = e.layerY;
}

ingameX = Math.floor((mouseX - Math.floor(mouseX/cellSize))/cellSize);
ingameY = Math.floor((mouseY - Math.floor(mouseY/cellSize))/cellSize);



}


Подскажите что я неверно сделал?

Последний раз редактировалось mrdeath4, 18.07.2014 в 10:16.
Ответить с цитированием