如何在画布游戏中设置高度限制?

时间:2019-04-15 13:17:17

标签: javascript html

对,所以我对JS有点陌生,我想知道如何在这个小型画布游戏中设置屋顶或高度限制。这实际上是W3的代码,但老师告诉我们只是在模仿它。我想解决仅跳过地图以避免障碍的烦人问题。

我真的不知道该怎么做,因为高度是由画布设定的。我试图基于hitBottom()创建一个新函数,但失败了。

只想设置屋顶或高度限制。这是原始来源:Here。除了颜色,其他所有内容实际上都是相同的。

2 个答案:

答案 0 :(得分:1)

您要执行的操作是查看当前y位置是否小于0,因为那将是房间的“屋顶”。如果玩家y位置低于0,则将其重置为0,然后停止加速。

    this.hitTop = function() {
        if (this.y < 0) {
            this.y = 0;
            this.gravitySpeed = 0;
        }
    }

要调用newpos函数,请添加此函数:

this.hitTop();

答案 1 :(得分:0)

增加y位置后,用newPos方法检查y位置。如果小于0,则使其为0。代码应如下所示;

this.newPos = function() {
    this.gravitySpeed += this.gravity;
    this.x += this.speedX;
    this.y += this.speedY + this.gravitySpeed;

    /* Add below 4 lines */
    if (this.y <= 0) {
        this.y = 0;
        this.gravitySpeed = 0;
    }
    /* Add above 4 lines */

    this.hitBottom();
}

快乐编码;)