使画布能够保持在另一个画布的顶部 - javascript

时间:2016-05-27 22:42:12

标签: javascript html5 canvas

我是初学者,目前正在开发一款类似马里奥的游戏。我有这个运行和跳跃的球员,它应该能够在这些桨上跳起来。我的代码中的某些内容是错误的,但它不起作用。我想要发生的是,玩家的y速度应为0,因此当它在桨顶上时停止。

var player = {
    side: 40,
    x: 0,
    y: canvas.height - 40,
    velY: 0,
    velX: 0,
    speed: 4,
    jumping: false,
    grav: 0.17,
    alive: true
  }

var paddle = {
  height: 20,
  width: 100,
  x: 250,
  y: canvas.height - 30,
}

  if((player.y - player.side <= paddle.y) && (player.y - player.side >= paddle.y + paddle.width) && (player.x - player.side > paddle.x ) && (player.x - player.side < paddle.x + paddle.width)){
    player.y  = paddle.y - player.side;
    player.velY = 0;
  }

这是一个小提琴,你可以自己看看会发生什么。 https://jsfiddle.net/Scrubben/4d53tbLd/(使用箭头键移动)。

如果您想要我添加更多代码,请告诉我。谢谢! 另外,请不要使用任何JQuery。

0 个答案:

没有答案