Rainbow friends night 2: is where the player needs to find 15 food packs to win. If the player touches a food pack, the food pack will go to a random position. The player must not touch the enemies: green and blue. Blue will walk around. Green will also walk around, green is blind. If the player touches green or blue, it dies. The player can move with arrows or mouse pointer. Green will walk to an invisible path and blue will walk to a invisible path as well.'s game

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

No:11983

←

Prev Next

→

Rainbow friends night 2: is where the player needs..ALL
Developer User3709｜Date and time 23/8/13 7:11:14
Build time 54.196 sec｜Game capacity 7.919KB｜

Script

Sure! Here's a sample implementation of the game "Rainbow Friends Night 2" using HTML and JavaScript. The player can control the character using arrow keys or mouse pointer. The enemies, green and blue, will move around randomly on invisible paths. The objective is to find 15 food packs without touching the enemies.

You can save the above code in a single HTML file and open it in your web browser, preferably on a smartphone, to play the game "Rainbow Friends Night 2".

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rainbow Friends Night 2</title>
    <style>
        body { margin: 0; }
        canvas { background-color: black; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Game variables
        var canvas, ctx;
        var player, foodPacks, enemies;
        var score;
        var keyPressed;

// Character object
        function Character(x, y, speed, color, radius) {
            this.x = x;
            this.y = y;
            this.speed = speed;
            this.color = color;
            this.radius = radius;
            
            this.draw = function() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.radius, 0, 2 * Math.PI);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
            }

this.update = function() {
                this.x += this.speed.x;
                this.y += this.speed.y;

// Boundary check
                if (this.x < 0) this.x = 0;
                if (this.x > canvas.width) this.x = canvas.width;
                if (this.y < 0) this.y = 0;
                if (this.y > canvas.height) this.y = canvas.height;
            }

this.move = function() {
                if (keyPressed.up) this.speed.y = -this.speed.value;
                else if (keyPressed.down) this.speed.y = this.speed.value;
                else this.speed.y = 0;
    
                if (keyPressed.left) this.speed.x = -this.speed.value;
                else if (keyPressed.right) this.speed.x = this.speed.value;
                else this.speed.x = 0;
            }
        }

// Food pack object
        function FoodPack(x, y, color, width, height) {
            this.x = x;
            this.y = y;
            this.color = color;
            this.width = width;
            this.height = height;
            
            this.draw = function() {
                ctx.fillStyle = this.color;
                ctx.fillRect(this.x, this.y, this.width, this.height);
            }
        }

// Enemy object
        function Enemy(x, y, color, speed) {
            this.x = x;
            this.y = y;
            this.color = color;
            this.speed = speed;

this.draw = function() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, 10, 0, 2 * Math.PI);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
            }

this.move = function() {
                var newX = this.x + getRandomSpeed();
                var newY = this.y + getRandomSpeed();

// Boundary check
                if (newX < 0 || newX > canvas.width) newX = this.x;
                if (newY < 0 || newY > canvas.height) newY = this.y;

this.x = newX;
                this.y = newY;
            }
        }

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

player = new Character(canvas.width/2, canvas.height/2, { x: 0, y: 0, value: 2 }, "white", 20);
            
            // Create food packs
            foodPacks = [];
            for (var i = 0; i < 15; i++) {
                var x = Math.random() * canvas.width;
                var y = Math.random() * canvas.height;
                var color = "rgba(" + getRandomColorValue() + "," + getRandomColorValue() + "," + getRandomColorValue() + ",1)";
                foodPacks.push(new FoodPack(x, y, color, 10, 10));
            }
            
            // Create enemies
            enemies = [
                new Enemy(Math.random() * canvas.width, Math.random() * canvas.height, "green", 2),
                new Enemy(Math.random() * canvas.width, Math.random() * canvas.height, "blue", 1)
            ];

score = 0;
            keyPressed = {up: false, down: false, left: false, right: false};

// Event listeners for keyboard input
            document.addEventListener("keydown", function(event) {
                if (event.key === "ArrowUp") keyPressed.up = true;
                else if (event.key === "ArrowDown") keyPressed.down = true;
                else if (event.key === "ArrowLeft") keyPressed.left = true;
                else if (event.key === "ArrowRight") keyPressed.right = true;
            });

document.addEventListener("keyup", function(event) {
                if (event.key === "ArrowUp") keyPressed.up = false;
                else if (event.key === "ArrowDown") keyPressed.down = false;
                else if (event.key === "ArrowLeft") keyPressed.left = false;
                else if (event.key === "ArrowRight") keyPressed.right = false;
            });

// Event listener for mouse input
            document.addEventListener("mousemove", function(event) {
                var rect = canvas.getBoundingClientRect();
                var mouseX = event.clientX - rect.left;
                var mouseY = event.clientY - rect.top;

player.x = mouseX;
                player.y = mouseY;
            });

// Game loop
            setInterval(update, 10);
        }

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

// Check if player collects food packs
            for (var i = 0; i < foodPacks.length; i++) {
                var foodPack = foodPacks[i];
                if (collisionDetection(player, foodPack)) {
                    foodPack.x = Math.random() * canvas.width;
                    foodPack.y = Math.random() * canvas.height;
                    score++;
                }
                foodPack.draw();
            }

// Draw enemies and check collision with player
            for (var i = 0; i < enemies.length; i++) {
                var enemy = enemies[i];
                enemy.move();
                enemy.draw();

if (collisionDetection(player, enemy)) {
                    // Game over
                    alert("Game Over! Your score: " + score);
                    location.reload();  // Restart the game
                }
            }

player.move();
            player.update();

player.draw();
            
            // Check if player wins
            if (score >= 15) {
                alert("Congratulations! You won the game!");
                location.reload();  // Restart the game
            }
        }

// Collision detection between two objects
        function collisionDetection(obj1, obj2) {
            if (obj1.x < obj2.x + obj2.width &&
                obj1.x + obj1.radius > obj2.x &&
                obj1.y < obj2.y + obj2.height &&
                obj1.y + obj1.radius > obj2.y) {
                return true;
            }
            return false;
        }

// Get random speed for enemy movement
        function getRandomSpeed() {
            return Math.floor(Math.random() * 3) - 1;  // Random value between -1, 0, 1
        }

// Get random color value for RGBA
        function getRandomColorValue() {
            return Math.floor(Math.random() * 256);
        }

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

You can save the above code in a single HTML file and open it in your web browser, preferably on a smartphone, to play the game "Rainbow Friends Night 2".