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.'s game

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

No:11979

←

Prev Next

→

Rainbow friends night 2: is where the player needs..ALL
Developer User3709｜Date and time 23/8/13 7:08:54
Build time 30.268 sec｜Game capacity 4.278KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #canvas {
            background-color: black;
        }
    </style>
</head>
<body>

// Game variables
    var player = {
        x: 250,
        y: 250,
        speed: 5
    };

var foodPacks = [];
    var enemies = [];

var score = 0;
    var gameOver = false;

// Create initial food packs
    for (var i = 0; i < 15; i++) {
        foodPacks.push({
            x: Math.random() * 500,
            y: Math.random() * 500
        });
    }

// Create enemies
    enemies.push({
        x: Math.random() * 500,
        y: Math.random() * 500,
        type: "blue"
    });

enemies.push({
        x: Math.random() * 500,
        y: Math.random() * 500,
        type: "green"
    });

// Function to draw player
    function drawPlayer() {
        context.fillStyle = "white";
        context.fillRect(player.x, player.y, 20, 20);
    }

// Function to draw food packs
    function drawFoodPacks() {
        for (var i = 0; i < foodPacks.length; i++) {
            context.fillStyle = "yellow";
            context.fillRect(foodPacks[i].x, foodPacks[i].y, 10, 10);
        }
    }

// Function to draw enemies
    function drawEnemies() {
        for (var i = 0; i < enemies.length; i++) {
            var enemy = enemies[i];
            if (enemy.type === "blue") {
                context.fillStyle = "blue";
            } else if (enemy.type === "green") {
                context.fillStyle = "green";
            }
            context.fillRect(enemy.x, enemy.y, 20, 20);
        }
    }

// Function to check collision
    function checkCollision(object1, object2) {
        if (object1.x < object2.x + 20 &&
            object1.x + 20 > object2.x &&
            object1.y < object2.y + 20 &&
            object1.y + 20 > object2.y) {
            return true;
        }
        return false;
    }

// Function to update game state
    function update() {
        if (!gameOver) {
            // Move player based on input (arrows or mouse pointer)
            if (pressedKeys.ArrowUp || pressedKeys.w) {
                player.y -= player.speed;
            }
            if (pressedKeys.ArrowDown || pressedKeys.s) {
                player.y += player.speed;
            }
            if (pressedKeys.ArrowLeft || pressedKeys.a) {
                player.x -= player.speed;
            }
            if (pressedKeys.ArrowRight || pressedKeys.d) {
                player.x += player.speed;
            }

// Check collision with food packs
            for (var i = 0; i < foodPacks.length; i++) {
                if (checkCollision(player, foodPacks[i])) {
                    foodPacks[i].x = Math.random() * 500;
                    foodPacks[i].y = Math.random() * 500;
                    score++;
                    if (score === 15) {
                        gameOver = true;
                        alert("Congratulations! You found all the food packs!");
                    }
                }
            }

// Check collision with enemies
            for (var i = 0; i < enemies.length; i++) {
                if (checkCollision(player, enemies[i])) {
                    gameOver = true;
                    alert("Game Over! You touched an enemy.");
                }
            }

// Update canvas
            context.clearRect(0, 0, 500, 500);

drawPlayer();
            drawFoodPacks();
            drawEnemies();

// Request next frame
            requestAnimationFrame(update);
        }
    }

// Handle key down events
    var pressedKeys = {};

window.addEventListener("keydown", function (event) {
        pressedKeys[event.key] = true;
    });

window.addEventListener("keyup", function (event) {
        pressedKeys[event.key] = false;
    });

// Handle mouse move events
    window.addEventListener("mousemove", function (event) {
        player.x = event.clientX - canvas.offsetLeft - 10;
        player.y = event.clientY - canvas.offsetTop - 10;
    });

// Start game
    update();
</script>

</body>
</html>