Физика Javascript получает текущую координату мыши X Координаты

Question

Меня попросили (как школьное упражнение) искать информацию в сети об библиотеке физики или как-то найти способ создания игры с арканоидом и поместить ее на домашнюю страницу веб-сайта.

Я создал прямоугольники, которые мне нужны для взрыва с использованием холста и т. Д. Теперь мне нужно создать нижний прямоугольник, который имеет координату Y 400 и координату X координаты курсора X, и мне нужно сделать это inline (не внутри функции). Как это достичь?

(Теперь я не могу вставить любую часть моего кода, потому что я не дома сейчас, я сделаю это, как только я могу)

Спасибо!

Answer 1

Вы можете сохранить свою позицию мыши в глобальной переменной, а затем использовать его там, где вам это нужно:

var mouse = {x:0, y:0}; 
document.body.addEventListener("mousemove", function(event){ 
    mouse.x = event.pageX; 
    mouse.y = event.pageY; 
}); 

---

(Добавить событие в свой холст, если вам нужно определенное положение внутри этого элемента)

var mouse = {x:0, y:0}; 
document.getElementById("myCanvas").addEventListener("mousemove", function(event){ 
    mouse.x = event.clientX; 
    mouse.y = event.clientY; 
}); 

Теперь вы можете просто позвонить mouse.x или mouse.y, чтобы получить координату вам нужно