Курсор перемещает компонент на расстоянии ⇐ CSS

[Anonymous]

Проблемное ИЗОБРАЖЕНИЕ

ссылка на демо

var isGameStarted = false; // Переменная для того, чтобы сделать игру лучше вар isMouseDown = ложь; контейнер вар, startPoint; функция инициализации игры() { контейнер = document.getElementById("first_div"); startPoint = document.getElementById("start"); document.getElementById("start").addEventListener("click", startGame); startPoint.addEventListener("mousedown", функция (событие) { isMouseDown = правда; // Сохраняем начальные координаты мыши относительно контейнера InitialMouseX = event.clientX -Container.offsetLeft; InitialMouseY = event.clientY -Container.offsetTop; // Сохраняем начальную позицию начального элемента относительно контейнера InitialStartX = startPoint.offsetLeft; InitialStartY = startPoint.offsetTop; // Запретить использование по умолчанию, чтобы избежать нежелательного выделения текста событие.preventDefault(); }); } функция startGame() { isGameStarted = правда; // Ajoutez un écouteur d'événements pour suivre le mouvement de la souris sur l'ensemble du document document.addEventListener("mousemove", moveStartPoint); // Изменение цвета элементов с учетом класса «стены» в вертикальном положении var wallElements = document.getElementsByClassName("стены"); for (var i = 0; i rect2.left && rect1.top < rect2.bottom && rect1.bottom > rect2.top ); } функция checkCollisions() { var startPoint = document.getElementById("start"); var wallElements = document.getElementsByClassName("стены"); for (var i = 0; i