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

No:3194

256

←

Prev Next

→

Lets shoot iron!
Developer User3589｜Date and time 23/6/24 5:35:34
Build time 27.974 sec｜Game capacity 3.176KB｜

Script

タイトル：鉄を撮ろう！

鉄を撮ろう！

得点: 0

このアプリは、列車を操作して空から降ってくる鉄を集めるゲームです。列車は矢印キーで操作します。1個の鉄を集めると1ポイント獲得できます。スコアは画面上部に表示され、スタートボタンを押すことでゲームが始まります。また、画面下部にはキャンバスを使用してゲームを実装しています。モバイルでも遊べるように、キャンバスのサイズは画面のサイズに自動的に合わせるようにしています。

←

Prev　Next

→ 　

Back　

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

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

タイトル：鉄を撮ろう！

<body>
  <h1>鉄を撮ろう！</h1>
  <canvas id="canvas"></canvas>
  <div id="score">得点: 0</div>
  <button id="start">スタート！</button>
  <script>
    const canvas = document.getElementById("canvas");
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    const ctx = canvas.getContext("2d");

let score = 0;

let iron = [];

function createIron() {
      let newIron = {
        x: Math.random() * (canvas.width - 50),
        y: 0,
        speed: Math.random() * 5 + 5,
        size: Math.random() * 30 + 20,
      };
      iron.push(newIron);
    }

let intervalId;

function start() {
      intervalId = setInterval(update, 50);
    }

function stop() {
      clearInterval(intervalId);
    }

function handleKeyDown(event) {
      if (event.key === "ArrowRight") {
        train.moveRight();
      } else if (event.key === "ArrowLeft") {
        train.moveLeft();
      }
    }

document.addEventListener("keydown", handleKeyDown);

document.getElementById("start").addEventListener("click", start);
  </script>
</body>