Sunlight absorbers! Lets stop them from generating electricity!'s game

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

No:5238

1621

←

Prev Next

→

Sunlight absorbers! Lets stop them from generating..ALL
Developer User3589｜Date and time 23/6/29 20:31:13
Build time 44.791 sec｜Game capacity 3.651KB｜

Script

了解しました！以下、太陽光吸収剤を阻止するゲームの実装例を示します。

このプログラムはスマートフォン上でプレイできる、簡単なゲームです。ゲームボード上で赤い円で表されるプレイヤーを操作し、黄色い円の太陽光吸収剤（"Kagerou"）を避けながらスコアを稼ぎます。プレイヤーの移動にはタッチ操作を使用します。ゲームは60秒間続き、終了後にスコアが表示されます。なお、この実装では一部に絵文字を使っていませんが、HTMLやCSSを適宜修正することで使用することができます。また、実際のゲームにするためにはもう少しゲーム要素を追加する必要がありますが、基本的な動作はこの実装に含まれています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました！以下、太陽光吸収剤を阻止するゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game-board {
      width: 300px;
      height: 500px;
      background-color: black;
      position: relative;
    }

#player {
      width: 50px;
      height: 50px;
      background-color: red;
      border-radius: 50%;
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }

.kagerou {
      width: 30px;
      height: 30px;
      background-color: yellow;
      border-radius: 50%;
      position: absolute;
    }
  </style>
</head>
<body>
<div id="game-board">
  <div id="player"></div>
</div>

function movePlayer(event) {
      let xPos = event.touches[0].clientX - gameBoard.getBoundingClientRect().left;
      xPos = Math.min(gameBoard.offsetWidth - player.offsetWidth, Math.max(0, xPos));
      player.style.left = xPos + 'px';
    }

function generateKagerou() {
      const kagerou = document.createElement('div');
      kagerou.className = 'kagerou';
      kagerou.style.left = Math.random() * (gameBoard.offsetWidth - 30) + 'px';
      gameBoard.appendChild(kagerou);

const moveInterval = setInterval(function() {
        const kagerouTop = kagerou.offsetTop;
        const kagerouBottom = kagerou.offsetTop + kagerou.offsetHeight;
        const kagerouLeft = kagerou.offsetLeft;
        const kagerouRight = kagerou.offsetLeft + kagerou.offsetWidth;

const playerTop = player.offsetTop;
        const playerBottom = player.offsetTop + player.offsetHeight;
        const playerLeft = player.offsetLeft;
        const playerRight = player.offsetLeft + player.offsetWidth;

if (kagerouBottom >= playerTop && kagerouTop <= playerBottom && kagerouRight >= playerLeft && kagerouLeft <= playerRight) {
          clearInterval(moveInterval);
          gameBoard.removeChild(kagerou);
          score++;
        } else if (kagerouTop >= gameBoard.offsetHeight) {
          clearInterval(moveInterval);
          gameBoard.removeChild(kagerou);
        } else {
          kagerou.style.top = (kagerou.offsetTop + 10) + 'px';
        }
      }, 50);
    }

function startGame() {
      gameBoard.addEventListener('touchmove', movePlayer);

timer = setInterval(function() {
        generateKagerou();
      }, 2000);
    }

function endGame() {
      gameBoard.removeEventListener('touchmove', movePlayer);
      clearInterval(timer);
      alert('Game Over. Your score: ' + score);
      score = 0;
    }

startGame();
    setTimeout(endGame, 60000); // ゲームの持続時間: 60秒
  });
</script>
</body>
</html>
```

このプログラムはスマートフォン上でプレイできる、簡単なゲームです。ゲームボード上で赤い円で表されるプレイヤーを操作し、黄色い円の太陽光吸収剤（"Kagerou"）を避けながらスコアを稼ぎます。プレイヤーの移動にはタッチ操作を使用します。ゲームは60秒間続き、終了後にスコアが表示されます。

なお、この実装では一部に絵文字を使っていませんが、HTMLやCSSを適宜修正することで使用することができます。また、実際のゲームにするためにはもう少しゲーム要素を追加する必要がありますが、基本的な動作はこの実装に含まれています。