Flash Game! Its very shiny!'s game

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

No:4737

1966

←

Prev Next

→

Flash Game! Its very shiny!
Developer User3589｜Date and time 23/6/28 19:06:41
Build time 26.586 sec｜Game capacity 2.289KB｜

Script

了解です！フラッシュゲームの実装を行います。以下は、簡単な光るゲームのプログラム例です。

以上がフラッシュゲームの光るゲームの例です。プレイヤーは黄色い画面内をタップし、青い円がその場所に移動するようになっています。JavaScriptを使って実装し、1枚のHTMLファイルに含まれています。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です！フラッシュゲームの実装を行います。
以下は、簡単な光るゲームのプログラム例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>光るゲーム</title>
</head>
<body>
  <script>
    // ゲーム画面の幅と高さ
    const WIDTH = 400;
    const HEIGHT = 400;

// プレイヤーの初期位置
    let playerX = WIDTH / 2;
    let playerY = HEIGHT / 2;

// ユーザーのタップ位置
    let tapX = 0;
    let tapY = 0;

// ゲーム画面を描画する
    function drawGame() {
      const canvas = document.createElement('canvas');
      canvas.width = WIDTH;
      canvas.height = HEIGHT;
      const context = canvas.getContext('2d');

// ゲーム画面を光らせる
      context.fillStyle = 'yellow';
      context.fillRect(0, 0, WIDTH, HEIGHT);

// プレイヤーを描画する
      context.fillStyle = 'blue';
      context.beginPath();
      context.arc(playerX, playerY, 20, 0, Math.PI * 2, false);
      context.fill();

document.body.appendChild(canvas);
    }

// ゲームを開始する
    function startGame() {
      drawGame();
      document.addEventListener('touchstart', handleTouchStart, false);
    }

// タッチイベントの処理
    function handleTouchStart(event) {
      event.preventDefault();
      tapX = event.touches[0].clientX;
      tapY = event.touches[0].clientY;
      updatePlayerPosition();
    }

// プレイヤーの位置を更新する
    function updatePlayerPosition() {
      const deltaX = tapX - playerX;
      const deltaY = tapY - playerY;
      const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);

// プレイヤーをタップ位置に移動する
      if (distance > 1) {
        const speed = 5;
        const ratio = speed / distance;
        playerX += deltaX * ratio;
        playerY += deltaY * ratio;
      }

drawGame();
    }

// ゲームを開始する
    startGame();
  </script>
</body>
</html>
```

以上がフラッシュゲームの光るゲームの例です。プレイヤーは黄色い画面内をタップし、青い円がその場所に移動するようになっています。JavaScriptを使って実装し、1枚のHTMLファイルに含まれています。