AI game creator

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

No:4628

2533

←

Prev Next

→

armadillo
Developer User3795｜Date and time 23/6/28 12:55:15
Build time 31.233 sec｜Game capacity 3.386KB｜

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>
  <style>
    #game-container {
      position: relative;
      width: 400px;
      height: 400px;
      border: 1px solid black;
    }
    #armadillo {
      position: absolute;
      top: 0;
      left: 0;
      font-size: 32px;
    }
    .food {
      position: absolute;
      font-size: 32px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <span id="armadillo">🦔</span>
  </div>

function randomPosition() {
      const x = Math.floor(Math.random() * (gameContainer.clientWidth - 40)); // 40px is the size of the armadillo
      const y = Math.floor(Math.random() * (gameContainer.clientHeight - 40));
      return { x, y };
    }

function createFood() {
      const food = document.createElement('span');
      food.classList.add('food');
      food.innerHTML = '🍎'; // Food is represented by an apple emoji
      const position = randomPosition();
      food.style.top = position.y + 'px';
      food.style.left = position.x + 'px';
      gameContainer.appendChild(food);
    }

function moveArmadillo(event) {
      const currentPosition = { x: parseInt(armadillo.style.left), y: parseInt(armadillo.style.top) };
      let newPosition;

switch (event.key) {
        case 'ArrowUp':
          newPosition = { x: currentPosition.x, y: currentPosition.y - 10 };
          break;
        case 'ArrowDown':
          newPosition = { x: currentPosition.x, y: currentPosition.y + 10 };
          break;
        case 'ArrowLeft':
          newPosition = { x: currentPosition.x - 10, y: currentPosition.y };
          break;
        case 'ArrowRight':
          newPosition = { x: currentPosition.x + 10, y: currentPosition.y };
          break;
      }

if (newPosition && newPosition.x >= 0 && newPosition.y >= 0 &&
        newPosition.x <= gameContainer.clientWidth - 40 && newPosition.y <= gameContainer.clientHeight - 40) {
        armadillo.style.top = newPosition.y + 'px';
        armadillo.style.left = newPosition.x + 'px';
        
        checkFoodCollision();
      }
    }

function checkFoodCollision() {
      const foods = document.getElementsByClassName('food');
      Array.from(foods).forEach((food) => {
        const foodRect = food.getBoundingClientRect();
        const armadilloRect = armadillo.getBoundingClientRect();

if (armadilloRect.top < foodRect.bottom &&
            armadilloRect.bottom > foodRect.top &&
            armadilloRect.left < foodRect.right &&
            armadilloRect.right > foodRect.left) {
          food.remove();
          score++;
          createFood();
        }
      });
    }

document.addEventListener('keydown', moveArmadillo);

createFood();
  </script>
</body>
</html>
```