Как использовать прослушиватель событий, чтобы нарисовать линию от начала координат, указывающую, где расположена мышь - PullRequest
Новая
       3

Как использовать прослушиватель событий, чтобы нарисовать линию от начала координат, указывающую, где расположена мышь

0 голосов
/ 18 апреля 2020

Я играю в кирпичную дробилку и хочу нарисовать вектор, который указывает направление, в котором расположена мышь, чтобы игрок мог визуализировать, куда будет выпущен мяч. В настоящее время игра использует aws вектор, используя указатель на слушателя событий вниз, поэтому игрок видит только, где шар будет go после нажатия, что не очень полезно.

Когда я изменяю его на указатель на прослушиватель событий, вектор только dr aws, когда я убираю мышь с экрана и возвращаюсь к нему.

Это соответствующий код для моего прослушивателя событий 

document.addEventListener('pointerdown', (event) => {
        game.vector.pathSelected = true;
        game.vector.mousePointer.x = event.clientX;
        game.vector.mousePointer.y = event.clientY;

    });

document.addEventListener('pointerup', (event) => {
        game.vector.pathChosen = true;     
    });

И это моя функция обновления в векторе. js

update(deltaTime) {

    if (!this.gameStart) {

        this.angle = this.moveVector();

        if (this.pathSelected) {
            this.vectorState = vectorState.pointerDown;
            this.pathSelected = false;
        };

        if (this.pathChosen) {
            this.vectorState = vectorState.pointerUp;
            this.setVectorSpeed();
            if (this.vectorSpeed.x && this.vectorSpeed.y) {

                this.game.ball.shoot(this.vectorSpeed.x, this.vectorSpeed.y);

            setTimeout(() => {

                this.vectorState = vectorState.inactive;
            },100);

            this.pathChosen = false;
            this.gameStart = true;
        };
            }

        if (this.gameStart) return;
    }   
}

Как я могу изменить код, чтобы вектор непрерывно др aws при движении мыши?

...