Uharibifu wa Kijani

Kwenye mechi fulani, kuna kuwa na nguvu inayokwenda kesi kwenye kile cha kina, kama uharibifu unakwenda kwenye duni.


uharibifu

Kwa kusaidia kufikia kwa kila komponendi yako, tafadhali hufikia kwa kwanza kichwa cha komponendi yako. gravity Mwendo, kina setia hali ya uharibifu. Kisha hufikia kichwa cha komponendi yako. gravitySpeed Mafano, kila wakati tunapokea mchezo unahitaji kuongezeka:

实例

function component(width, height, color, x, y, type) {
  this.type = type;
  this.width = width;
  this.height = height;
  this.x = x;
  this.y = y;
  this.speedX = 0;
  this.speedY = 0;
  this.gravity = 0.05;
  this.gravitySpeed = 0;
  this.update = function() {
    ctx = myGameArea.context;
    ctx.fillStyle = color;
    ctx.fillRect(this.x, this.y, this.width, this.height);
  }
  this.newPos = function() {
    this.gravitySpeed += this.gravity;
    this.x += this.speedX;
    this.y += this.speedY + this.gravitySpeed;
  }
}

亲自试一试

Kuelekea chini

Kwa kumwacha kikoto cha kichwaji kuelekea chini kwa zaidi, tunahitaji kupunguza kuelekea chini kama itakuja kuelekea chini ya eneo la kijenga:

实例

  this.newPos = function() {
    this.gravitySpeed += this.gravity;
    this.x += this.speedX;
    this.y += this.speedY + this.gravitySpeed;
    this.hitBottom();
  }
  this.hitBottom = function() {
    var rockbottom = myGameArea.canvas.height - this.height;
    if (this.y > rockbottom) {
      this.y = rockbottom;
    }
  }

亲自试一试

Washiliana

Kwenye kijenga, kama kuna uzo wa kuelekea chini kutoka kwa kikoto cha kichwaji, unahitaji kuwa na mtuwa wa kusaidia kuingia kwa kasi.

Kwa sababu mtu amepiga msanii inabaki kusema funksi, inayofanya kuuwa kikoto cha kichwaji kuelekea juu:

实例

<script>
function accelerate(n) {
  myGamePiece.gravity = n;
}
</script>
<button onmousedown="accelerate(-0.2)" onmouseup="accelerate(0.1)">Washiliana</button>

亲自试一试

一个游戏

根据我们迄今为止所学到的知识制作一个游戏:

实例

亲自试一试

请单击加速按钮开始游戏。

能活多久?请使用加速按钮保持在空中。