Click here for free DL of the app version that can save data.

No:4505

7020

←

Prev Next

→

Tap to dash and tap to jump long jump with good ti..ALL
Developer anonymous｜Date and time 70/1/1 9:36:20
Build time unknown sec｜Game capacity 2.18KB｜

Script

のゲームを作成しました。以下がコードです。

Jump & Run

タップでダッシュし、タイミングよくジャンプしてください！

このプログラムは、走り幅跳びのゲームです。タップすることでキャラクターがジャンプします。ゲームループで繰り返し、キャラクターの位置を更新し、タイミングよくジャンプするとスコアが上がります。スマホで操作でき、絵文字は使っていませんが、必要最低限の機能を備えたゲームとなっています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

Click here for free DL of the app version that can save data.

のゲームを作成しました。以下がコードです。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Jump & Run</title>
  </head>
  <body style="text-align: center;">
    <h1>Jump & Run</h1>
    <canvas id="canvas" width="300" height="200" style="border: 1px solid black;"></canvas>
    <p>タップでダッシュし、タイミングよくジャンプしてください！</p>

var x = 10;
      var y = 150;

var speed = 2;
      var jumpStrength = 5;
      var jumping = false;
      var jumpHeight = 0;

// ゲームループ
      function loop() {
        // 画面をクリア
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// キャラクターを描画
        ctx.beginPath();
        ctx.rect(x, y - jumpHeight, 20, 20);
        ctx.fillStyle = "yellow";
        ctx.fill();

// キャラクターの位置を更新
        x += speed;
        if (x > canvas.width) {
          x = -20;
        }

// ジャンプの処理
        if (jumping) {
          jumpHeight += jumpStrength;
          if (jumpHeight >= 50) {
            jumpStrength = -5;
          }
          if (jumpHeight <= 0) {
            jumping = false;
            jumpStrength = 5;
            jumpHeight = 0;
          }
        }

// 画面を更新
        requestAnimationFrame(loop);
      }

// タップでジャンプ
      canvas.addEventListener("touchstart", function () {
        if (!jumping) {
          jumping = true;
        }
      });

// ゲームを開始
      loop();
    </script>
  </body>
</html>