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

No:22530

A game where you move around in to collect cubes t..ALL
Developer User10392｜Date and time 23/10/23 2:15:34
Build time 66.607 sec｜Game capacity 4.211KB｜

Script

Sure! Here's a simple game where you move around to collect cubes and increase your score by 1 point. The game will be implemented as a single HTML file and will use JavaScript. Please note that due to the limitations of this text-based format, the game won't be playable here, but you can copy the code and save it as an HTML file on your smartphone to play the game.

Cube Collector Game

Score: 0

To play the game, save the above code as an HTML file (e.g., `cube_collector.html`) on your smartphone and open it using a web browser. The game board will be displayed, and you can use the arrow keys to move the blue player around. The objective is to collect the red cubes by moving over them, which will increase your score by 1 point. Good luck and have fun playing the game!

←

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: 300px;
      border: 1px solid black;
      position: relative;
      overflow: hidden;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: blue;
      position: absolute;
      top: 0;
      left: 0;
    }
    .cube {
      width: 20px;
      height: 20px;
      background-color: red;
      position: absolute;
    }
  </style>
</head>
<body>
  <h1>Cube Collector Game</h1>
  
  <div id="game-board">
    <div id="player"></div>
  </div>
  
  <p>Score: <span id="score">0</span></p>
  
  <script>
    // Get references to DOM elements
    const gameBoard = document.getElementById('game-board');
    const player = document.getElementById('player');
    const scoreElement = document.getElementById('score');
    
    // Initialize game variables
    let score = 0;
    let cubes = [];
  
    // Function to generate random number within a range
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }
    
    // Function to generate a random cube and place it on the game board
    function generateCube() {
      const cube = document.createElement('div');
      cube.classList.add('cube');
      
      const x = getRandomNumber(0, gameBoard.offsetWidth - cube.offsetWidth);
      const y = getRandomNumber(0, gameBoard.offsetHeight - cube.offsetHeight);
      
      cube.style.left = x + 'px';
      cube.style.top = y + 'px';
      
      cubes.push(cube);
      gameBoard.appendChild(cube);
    }
    
    // Function to update the score
    function updateScore() {
      score++;
      scoreElement.textContent = score;
    }
    
    // Function to handle player movement
    function handleMove(e) {
      const key = e.key;
      
      let left = parseInt(player.style.left) || 0;
      let top = parseInt(player.style.top) || 0;
      
      if (key === 'ArrowUp') {
        top = Math.max(0, top - 10);
      } else if (key === 'ArrowRight') {
        left = Math.min(gameBoard.offsetWidth - player.offsetWidth, left + 10);
      } else if (key === 'ArrowDown') {
        top = Math.min(gameBoard.offsetHeight - player.offsetHeight, top + 10);
      } else if (key === 'ArrowLeft') {
        left = Math.max(0, left - 10);
      }
      
      player.style.left = left + 'px';
      player.style.top = top + 'px';
      
      checkCollision();
    }
    
    // Function to check collision between player and cubes
    function checkCollision() {
      const playerRect = player.getBoundingClientRect();
      
      for (let i = 0; i < cubes.length; i++) {
        const cubeRect = cubes[i].getBoundingClientRect();
        
        if (
          playerRect.left < cubeRect.right &&
          playerRect.right > cubeRect.left &&
          playerRect.top < cubeRect.bottom &&
          playerRect.bottom > cubeRect.top
        ) {
          gameBoard.removeChild(cubes[i]);
          cubes.splice(i, 1);
          updateScore();
          generateCube();
          break;
        }
      }
    }
    
    // Function to start the game
    function startGame() {
      // Generate initial cubes
      for (let i = 0; i < 3; i++) {
        generateCube();
      }
      
      // Add event listener for player movement
      document.addEventListener('keydown', handleMove);
    }
    
    // Start the game
    startGame();
  </script>
</body>
</html>
```