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

No:31395

←

Prev Next

→

かわいいトカゲ
Developer User15123｜Date and time 23/12/26 18:26:14
Build time 30.644 sec｜Game capacity 2.708KB｜

Script

了解です！以下に、スマホで遊べるかわいいトカゲのゲームのHTMLファイルの一例を示します。

かわいいトカゲゲーム

このゲームは、画面上部に表示されるかわいいトカゲを操作して障害物を避けるゲームです。画面をタップすると、トカゲが上方向にジャンプします。トカゲが画面外に出るとゲームオーバーとなり、スコアがリセットされます。スマートフォンでこのHTMLファイルを開くと、実際にゲームがプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

了解です！以下に、スマホで遊べるかわいいトカゲのゲームのHTMLファイルの一例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>かわいいトカゲゲーム</title>
</head>
<body>
  <h1>かわいいトカゲゲーム</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // ゲームオブジェクト
    const game = {
      canvas: document.getElementById("gameCanvas"),
      context: null,
      lizard: null,
      score: 0,
      
      start: function() {
        this.context = this.canvas.getContext("2d");
        this.lizard = new Lizard();
        
        // ゲームループを開始
        this.update();
      },
      
      update: function() {
        this.clearCanvas();
        this.lizard.move();
        this.lizard.draw();
        
        // スコアを表示
        this.context.fillStyle = "black";
        this.context.font = "20px Arial";
        this.context.fillText("Score: " + this.score, 10, 30);
        
        // 60FPSでゲームループを実行
        requestAnimationFrame(() => this.update());
      },
      
      clearCanvas: function() {
        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
      },
      
      increaseScore: function() {
        this.score++;
      }
    };
    
    // トカゲオブジェクト
    class Lizard {
      constructor() {
        this.x = game.canvas.width / 2;
        this.y = game.canvas.height / 2;
        this.size = 50;
        this.speed = 5;
        
        // タッチイベントのリスナーを登録
        game.canvas.addEventListener("touchstart", () => this.jump());
      }
      
      move() {
        this.y += this.speed;
        
        // 画面外に出たらゲームオーバー
        if (this.y < 0 || this.y > game.canvas.height) {
          game.score = 0;
        }
      }
      
      jump() {
        this.speed = -10;
      }
      
      draw() {
        game.context.fillStyle = "green";
        game.context.fillRect(this.x, this.y, this.size, this.size);
      }
    }
    
    // ゲームを開始
    game.start();
  </script>
</body>
</html>
```

このゲームは、画面上部に表示されるかわいいトカゲを操作して障害物を避けるゲームです。画面をタップすると、トカゲが上方向にジャンプします。トカゲが画面外に出るとゲームオーバーとなり、スコアがリセットされます。

スマートフォンでこのHTMLファイルを開くと、実際にゲームがプレイできます。