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

No:40011

←

Prev Next

→

スイカゲーム
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/31 18:08:37
Build time 10.465 sec｜Game capacity 2.101KB｜

Script

了解しました。以下にスイカゲームの実装例を示します。

スイカゲーム

スマホを傾けてスイカを割ろう！

スコア: 0

🍉

上記のコードはスマホで遊ぶことを前提としています。ゲームはスイカ（絵文字: 🍉）が画面上をランダムに移動し、スマホを傾けることでスイカを割るとスコアが加算される仕組みです。スワイプに対応させるなど、さらに機能を追加することも可能ですが、基本的なゲームプレイはこれで実現できます。

←

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">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>スイカゲーム</title>
  <style>
    body {
      font-size: 4rem;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>スイカゲーム</h1>
  <p>スマホを傾けてスイカを割ろう！</p>
  <p id="score">スコア: 0</p>
  <div id="watermelon" style="font-size: 8rem;">🍉</div>
  
  <script>
    let score = 0;
    
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1) + min);
    }
    
    function moveWatermelon() {
      const screenWidth = window.innerWidth;
      const screenHeight = window.innerHeight;
      const watermelon = document.getElementById('watermelon');
      
      const x = getRandomNumber(0, screenWidth - watermelon.offsetWidth);
      const y = getRandomNumber(0, screenHeight - watermelon.offsetHeight);
      
      watermelon.style.transform = `translate(${x}px, ${y}px)`;
    }
    
    window.addEventListener('deviceorientation', function(event) {
      const beta = event.beta;
      const gamma = event.gamma;
      
      document.body.style.transform = `rotateX(${-beta}deg) rotateY(${gamma}deg)`;
    });
    
    document.addEventListener('click', function(event) {
      const target = event.target;
      
      if (target.id === 'watermelon') {
        score += 1;
        document.getElementById('score').textContent = `スコア: ${score}`;
        moveWatermelon();
      }
    });
    
    moveWatermelon();
  </script>
</body>
</html>
```

上記のコードはスマホで遊ぶことを前提としています。

ゲームはスイカ（絵文字: 🍉）が画面上をランダムに移動し、スマホを傾けることでスイカを割るとスコアが加算される仕組みです。スワイプに対応させるなど、さらに機能を追加することも可能ですが、基本的なゲームプレイはこれで実現できます。