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

No:6950

←

Prev Next

→

screw piledriver
Developer User3940｜Date and time 23/7/4 15:20:03
Build time 21.955 sec｜Game capacity 2.78KB｜

Script

了解しました。以下にスクリューパイルドライバーのゲームを実装します。

スクリューパイルドライバー

スマホでスクリューパイルドライバーを操作し、パイルを打ち込んでください。

このコードは、スマートフォンでスクリューパイルドライバーのゲームをプレイできるようになっています。画面上部にはタイトルが表示され、画面中央にはゲーム画面が表示されます。タッチ操作でドライバーを操作し、パイルが画面下部に到達する前にドライバーとパイルが衝突するとアラートが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下にスクリューパイルドライバーのゲームを実装します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>スクリューパイルドライバー</title>
</head>
<body>
  <h1>スクリューパイルドライバー</h1>
  <p>スマホでスクリューパイルドライバーを操作し、パイルを打ち込んでください。</p>
  <canvas id="gameCanvas"></canvas>

// ドライバーの初期位置
    let driverX = canvas.width / 2;
    let driverY = canvas.height - 50;

// ドライバーの移動量
    let driverSpeed = 5;

// パイルの初期位置
    let pileX = canvas.width / 2 - 25;
    let pileY = -50;

// パイルの移動量
    let pileSpeed = 2;

// スマホのタッチ操作
    canvas.addEventListener('touchstart', (event) => {
      const touchX = event.touches[0].clientX;
      if (touchX < canvas.width / 2) {
        // ドライバーを左に移動
        driverX -= driverSpeed;
      } else {
        // ドライバーを右に移動
        driverX += driverSpeed;
      }
    });

function drawDriver() {
      ctx.fillStyle = '#000000';
      ctx.fillRect(driverX - 25, driverY - 25, 50, 50);
    }

function drawPile() {
      ctx.fillStyle = '#FF0000';
      ctx.fillRect(pileX, pileY, 50, 50);
    }

function movePile() {
      pileY += pileSpeed;

// パイルが画面外に出た場合
      if (pileY > canvas.height) {
        // パイルをリセット
        pileY = -50;
        // パイルのX座標をランダムに設定
        pileX = Math.random() * (canvas.width - 50);
      }

// ドライバーとパイルの衝突判定
      if (driverX - 25 < pileX + 50 && driverX + 25 > pileX && driverY - 25 < pileY + 50 && driverY + 25 > pileY) {
        alert('パイルを打ち込みました！');
      }
    }

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

drawDriver();
      drawPile();
      movePile();

requestAnimationFrame(draw);
    }

draw();
  </script>
</body>
</html>
```