There are cubes falling from the sky to the bottom of your screen Tap the cube To get a point Once you tap it it would disappear And there are more cubes falling from the sky to the bottom Your goal is to get to ten points If the cube falls to the bottom you lose It's a green cube That has one life A blue cube that has two lives A yellow cube that gives you three points's game

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

No:18628

←

Prev Next

→

There are cubes falling from the sky to the bottom..ALL
Developer User8183｜Date and time 23/9/30 7:44:53
Build time 13.461 sec｜Game capacity 3.762KB｜

Script

To play the game, you can copy and save the above HTML code as a ".html" file, open it in a web browser (preferably on a smartphone), and interact with the falling cubes by tapping them. The goal is to reach a score of 10 without letting any cube reach the bottom. Green cubes have 1 life, blue cubes have 2 lives, and yellow cubes give you 3 points when tapped.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cube Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #000;
      touch-action: manipulation;
    }

canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Cube properties
    var cubeColors = ['#00FF00', '#0000FF', '#FFFF00'];
    var maxLives = [1, 2, 0];
    var maxPoints = [0, 0, 3];
    var cubeSize = 50;
    var cubeSpeed = 2;

// Initialize game
    function start() {
      canvas = document.getElementById('gameCanvas');
      ctx = canvas.getContext('2d');
      score = 0;
      lives = 1;
      cubes = [];

canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

canvas.addEventListener('click', tapCube);
      setInterval(updateGame, 1000/60); // 60 FPS
    }

// Tap the cube event handler
    function tapCube(event) {
      var rect = canvas.getBoundingClientRect();
      var clickX = event.clientX - rect.left;
      var clickY = event.clientY - rect.top;

for (var i = cubes.length - 1; i >= 0; i--) {
        var cube = cubes[i];
        if (clickX > cube.x && clickX < cube.x + cubeSize && clickY > cube.y && clickY < cube.y + cubeSize) {
          cube.lives--;
          cube.color = cubeColors[cube.lives];
          if (cube.lives === 0) {
            cubes.splice(i, 1);
            score += maxPoints[cube.lives];
          }
          break;
        }
      }

event.stopPropagation();
    }

// Update game state
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

if (score === 10) {
        gameOver(true);
        return;
      }

for (var i = 0; i < cubes.length; i++) {
        var cube = cubes[i];
        cube.y += cubeSpeed;

if (cube.y + cubeSize > canvas.height) {
          gameOver(false);
          return;
        }

drawCube(cube);
      }

if (Math.random() < 0.02) {
        var colorIndex = getRandomIndex(cubeColors);
        var cube = {
          x: Math.random() * (canvas.width - cubeSize),
          y: 0,
          color: cubeColors[colorIndex],
          lives: maxLives[colorIndex]
        };
        cubes.push(cube);
      }

drawScore();
    }

// Draw a cube
    function drawCube(cube) {
      ctx.fillStyle = cube.color;
      ctx.fillRect(cube.x, cube.y, cubeSize, cubeSize);
    }

// Draw score
    function drawScore() {
      ctx.font = '24px Arial';
      ctx.fillStyle = '#FFF';
      ctx.fillText('Score: ' + score, 10, 30);
    }

// Game over
    function gameOver(win) {
      var message = win ? 'Congratulations! You won!' : 'Game over! You lost!';
      var textColor = win ? '#00FF00' : '#FF0000';

ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.font = '42px Arial';
      ctx.fillStyle = textColor;
      ctx.fillText(message, canvas.width / 2 - 200, canvas.height / 2 - 20);
    }

// Returns a random index based on array length
    function getRandomIndex(array) {
      return Math.floor(Math.random() * array.length);
    }

// Start the game
    start();
  </script>
</body>
</html>
```