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

No:9445

118

←

Prev Next

→

X
Developer anonymous｜Date and time 23/7/24 23:39:22
Build time 18.017 sec｜Game capacity 1.66KB｜

Script

了解です。以下にサンプルのプログラムを記述します。

ゲーム

🙂

このプログラムは、スマートフォン上でゲームを操作することを前提にしています。プレイヤーキャラクター（絵文字の笑顔「🙂」）が表示され、スワイプ操作によって移動することができます。プレイヤーはゲームコンテナ内で自由に移動できます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にサンプルのプログラムを記述します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ゲーム</title>
</head>
<body>
  <h1>ゲーム</h1>
  <div id="game-container">
    <div id="player">🙂</div>
  </div>

// ゲームコンテナの要素を取得
    const gameContainer = document.getElementById('game-container');

// プレイヤー要素の初期位置を設定
    const player = document.getElementById('player');
    player.style.left = playerX + 'px';
    player.style.top = playerY + 'px';

// スマホのタッチ座標を取得する関数
    function handleTouch(event) {
      if (event.touches.length > 0) {
        const touch = event.touches[0];
        playerX = touch.pageX - gameContainer.offsetLeft - player.offsetWidth / 2;
        playerY = touch.pageY - gameContainer.offsetTop - player.offsetHeight / 2;
        player.style.left = playerX + 'px';
        player.style.top = playerY + 'px';
      }
    }

// タッチイベントを監視
    gameContainer.addEventListener('touchmove', handleTouch);

// プログラム実行開始の確認用のアラート
    alert('ゲームスタート');

</script>
</body>
</html>
```