Description: Players control a color-changing square in a black-and-white world. The objective is to absorb colored dots, gaining their abilities temporarily. Strategic color changes help navigate obstacles and defeat enemies, but choose wisely—some colors unlock hidden paths while others may trigger traps. The game progresses through increasingly complex levels, challenging players to use the limited color palette creatively.'s game

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

No:27088

121

←

Prev Next

→

Description: Players control a color-changing squa..ALL
Developer User13389｜Date and time 23/12/4 6:13:05
Build time 33.446 sec｜Game capacity 4.176KB｜

Script

Sure! Here's a sample implementation of the game using HTML, CSS, and JavaScript:

This is a simple implementation of the game where you control a square (the player) using the arrow keys. The colored dots on the screen represent different abilities. When the player collides with a dot, it temporarily changes its color and gains that ability. The player can then use the ability based on the acquired color. Note that this is just a basic version of the game and you would need to add more levels, obstacles, and enemies to make it a complete and enjoyable game.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a sample implementation of the game using HTML, CSS, and JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Color Quest</title>
    <style>
      body {
        background-color: #000000;
        text-align: center;
        color: #ffffff;
      }

#game-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }

#player {
        width: 50px;
        height: 50px;
        background-color: #ffffff;
      }

.dot {
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 50%;
      }

.blue {
        background-color: #00aaff;
      }

.red {
        background-color: #ff0000;
      }

.yellow {
        background-color: #ffff00;
      }

.green {
        background-color: #00ff00;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="player"></div>
    </div>

function movePlayer(event) {
        var keyCode = event.keyCode;
        var dx = 0;
        var dy = 0;

if (keyCode === 37) dx = -10; // Left arrow key
        if (keyCode === 38) dy = -10; // Up arrow key
        if (keyCode === 39) dx = 10; // Right arrow key
        if (keyCode === 40) dy = 10; // Down arrow key

var playerX = player.offsetLeft + dx;
        var playerY = player.offsetTop + dy;

// Check collision with dots
        var collidedDotIndex = getCollidedDotIndex(playerX, playerY);
        if (collidedDotIndex !== -1) {
          var collidedDot = dots[collidedDotIndex];
          player.style.backgroundColor = collidedDot.color;

setTimeout(function () {
            player.style.backgroundColor = "#ffffff";
          }, 3000);

// Perform ability based on color
          var ability = collidedDot.ability;
          performAbility(ability);

dots.splice(collidedDotIndex, 1);
        }

// Check collision with walls
        if (
          playerX >= 0 &&
          playerX + player.offsetWidth <= window.innerWidth &&
          playerY >= 0 &&
          playerY + player.offsetHeight <= window.innerHeight
        ) {
          player.style.left = playerX + "px";
          player.style.top = playerY + "px";
        }
      }

function performAbility(ability) {
        // Perform the ability based on the acquired color
        switch (ability) {
          case "fly":
            console.log("Player can now fly!");
            break;
          case "fire":
            console.log("Player can now shoot fireballs!");
            break;
          case "light":
            console.log("Player can now emit light!");
            break;
          case "growth":
            console.log("Player can now grow!");
            break;
          default:
            console.log("Unknown ability!");
        }
      }

document.addEventListener("keydown", movePlayer);
    </script>
  </body>
</html>
```

Note that this is just a basic version of the game and you would need to add more levels, obstacles, and enemies to make it a complete and enjoyable game.