AI game creator

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

No:2391

1142

←

Prev Next

→

jump
Developer User3457｜Date and time 23/6/21 10:00:38
Build time 34.733 sec｜Game capacity 2.551KB｜

Script

【ゲームの概要】プレイヤーが障害物を避けながら、画面をクリックしてジャンプしていくゲームです。障害物にぶつかるとゲームオーバーです。スマホでも遊べるように操作を画面クリックにしました。絵文字は使っていませんが、可愛らしいイラストで作成しました。

←

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>ジャンプ！</title>
  <style>
    canvas {
      display: block;
      margin: 0 auto;
      background-color: #ddd;
    }
  </style>
</head>

const playerImage = new Image();
    playerImage.src = "https://image.flaticon.com/icons/svg/860/860850.svg";

const enemyImage = new Image();
    enemyImage.src = "https://image.flaticon.com/icons/svg/3104/3104368.svg";

const ground = {
      y: 240,
      draw: function() {
        ctx.fillStyle = "#856117";
        ctx.fillRect(0, this.y, canvas.width, canvas.height - this.y);
      }
    };

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ground.draw();
      player.draw();
      enemy.draw();
    }

function update() {
      player.update();
      enemy.update();
    }

function loop() {
      draw();
      update();
      requestAnimationFrame(loop);
    }

loop();

canvas.addEventListener("click", function() {
      player.jump();
    });

</script>
</body>

</html>

【ゲームの概要】
プレイヤーが障害物を避けながら、画面をクリックしてジャンプしていくゲームです。
障害物にぶつかるとゲームオーバーです。
スマホでも遊べるように操作を画面クリックにしました。
絵文字は使っていませんが、可愛らしいイラストで作成しました。