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

No:20868

←

Prev Next

→

🦍ゲーム
Developer User9199｜Date and time 23/10/11 16:07:57
Build time 171.116 sec｜Game capacity 4.039KB｜

Script

了解です！以下にスマホで遊べるゲームのプログラムを示します。

🦍 Monkey Game

Instructions:

Try to catch as many bananas as you can! Swipe left and right to move the monkey.

このプログラムは、スマホのスワイプ操作を使ってバナナをキャッチするゲームです。モンキーの絵文字を表示し、左右にスワイプすることでモンキーを移動させます。バナナが落下し、モンキーが範囲内でバナナをキャッチするとスコアが加算されます。スコアはコンソールに表示されます。ご参考までに、スワイプ操作をデスクトップのシミュレータでテストする場合は、以下のような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>
  <meta charset="UTF-8">
  <title>Monkey Game</title>
</head>
<body>
  <h1>🦍 Monkey Game</h1>
  <h2>Instructions:</h2>
  <p>Try to catch as many bananas as you can! Swipe left and right to move the monkey.</p>
  <div id="gameBoard" style="width: 100vw; height: 100vh;"></div>

monkey.style.position = 'absolute';
  monkey.style.bottom = '0';
  monkey.style.left = monkeyPosition + '%';
  monkey.innerHTML = '🦍';
  monkey.style.fontSize = '40px';
  banana.style.position = 'absolute';
  banana.style.bottom = '100%';
  banana.style.left = monkeyPosition + '%';
  banana.innerHTML = '🍌';
  banana.style.fontSize = '40px';

gameBoard.appendChild(monkey);
  gameBoard.appendChild(banana);

// スマホからの入力を検知する
  let touchStartX;
  let touchMoveX;

gameBoard.addEventListener('touchstart', e => {
    touchStartX = e.changedTouches[0].pageX;
  });

gameBoard.addEventListener('touchmove', e => {
    touchMoveX = e.changedTouches[0].pageX;
    const swipeDistance = touchMoveX - touchStartX;
    
    if (swipeDistance > 0 && monkeyPosition < 80) {
      monkeyPosition += 5;
    } else if (swipeDistance < 0 && monkeyPosition > 20) {
      monkeyPosition -= 5;
    }

monkey.style.left = monkeyPosition + '%';

e.preventDefault();
  });

// バナナを落下させる
  function dropBanana() {
    let bananaBottom = -100;
    let bananaLeft = monkeyPosition;

function update() {
      if (bananaBottom >= -10 && bananaBottom <= 0 && bananaLeft >= monkeyPosition - 5 && bananaLeft <= monkeyPosition + 5) {
        score++;
        banana.style.display = 'none';
        bananaBottom = -100;
      }

if (bananaBottom >= -100) {
        bananaBottom += gameSpeed;
        banana.style.bottom = bananaBottom + '%';
        banana.style.left = bananaLeft + '%';
      }

requestAnimationFrame(update);
    }

update();
  }

// ゲームのメインループ
  function gameLoop() {
    dropBanana();
    setInterval(() => {
      gameSpeed += 0.05;
    }, 1000);

setInterval(() => {
      if (banana.style.display === 'none') {
        banana.style.display = 'block';
      } else {
        banana.style.display = 'none';
      }
    }, 1000);

setInterval(() => {
      console.log('Score:', score);
    }, 1000);
  }

// ゲームの開始
  gameLoop();
  </script>
</body>
</html>
```

このプログラムは、スマホのスワイプ操作を使ってバナナをキャッチするゲームです。モンキーの絵文字を表示し、左右にスワイプすることでモンキーを移動させます。バナナが落下し、モンキーが範囲内でバナナをキャッチするとスコアが加算されます。スコアはコンソールに表示されます。

ご参考までに、スワイプ操作をデスクトップのシミュレータでテストする場合は、以下のようなJavaScriptのコードを追加してください。

```javascript
// デスクトップのシミュレータでスワイプ操作をテスト
let mouseDownX;
window.addEventListener('mousedown', e => {
  mouseDownX = e.pageX;
});

window.addEventListener('mousemove', e => {
  const mouseMoveX = e.pageX;
  const swipeDistance = mouseMoveX - mouseDownX;

if (swipeDistance > 0 && monkeyPosition < 80) {
    monkeyPosition += 5;
  } else if (swipeDistance < 0 && monkeyPosition > 20) {
    monkeyPosition -= 5;
  }

monkey.style.left = monkeyPosition + '%';
});
```

このプログラムを1枚のHTMLファイルに保存し、スマホやデスクトップで開いて遊ぶことができます。楽しんでください！🦍