Как установить предел движения в jquery? - PullRequest
Новая
       58

Как установить предел движения в jquery?

1 голос
/ 04 марта 2020

Я пытаюсь создать понг, и я создал все html, css и js для перемещения лопастей, но как мне удержать их от перемещения за пределы заданной границы? что я установил?

Это код существования правого весла в js, используя jquery. 

var rightBoard = GameItem("#rightBoard");
  rightBoard.x = BOARD_WIDTH - $('#rightBoard').width()

И это код движения. 

var keycode = event.which;
    if (keycode === KEY.DOWNARROW) {
      rightBoard.velocityY = 5;
    }if (keycode === KEY.UPARROW) {
      rightBoard.velocityY = -5; 
    }

Как я могу установить предел, чтобы он не проходил мимо определенной точки? Я застрял на этом, так как это один из моих первых проектов. Спасибо за помощь.

1 Ответ

0 голосов
/ 04 марта 2020

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

var keycode = event.which;
    if (keycode === KEY.DOWNARROW) {
      if(rightBoard.y + 5 < BOARD_HEIGHT - Paddle_Height)
           rightBoard.velocityY = 5;
      else
           rightBoard.velocityY = 0;
    }if (keycode === KEY.UPARROW) {
      if(rightBoard.y - 5 > 0)
           rightBoard.velocityY = -5;
      else
           rightBoard.velocityY = 0;
    }

Здесь я предполагаю, что источник весла установлен в верхнем левом углу.

...