The Chase. Ride on Any Animal such as an Elephant, Horse, Cow, Lion, Kangaroo, Zebra and Giraffe's game

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

No:35296

←

Prev Next

→

The Chase. Ride on Any Animal such as an Elephant,..ALL
Developer User16498｜Date and time 24/1/13 23:00:09
Build time 15.559 sec｜Game capacity 4.055KB｜

Script

Sure! Here's a simple game called "The Chase" where the player can ride on different animals such as an Elephant, Horse, Cow, Lion, Kangaroo, Zebra, and Giraffe. The game can be played on a smartphone.

To play the game, you can copy the above code into a single HTML file (e.g., `game.html`) and open it on your smartphone using any web browser. You can touch the screen to move the rider (represented by a rocket 🚀) and avoid being caught by the animals. If the rider collides with an animal, a game over message will appear, and you can reload the page to play again. The animals are represented by pictograms such as 🐘, 🐎, 🐮, etc.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>The Chase</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Rider object
            var rider = {
                x: 200, // Initial position
                y: 200,
                size: 20
            };

// Array of animals
            var animals = [
                {
                    name: "Elephant",
                    image: "🐘",
                    speed: 2,
                    position: { x: 10, y: 10 }
                },
                {
                    name: "Horse",
                    image: "🐎",
                    speed: 4,
                    position: { x: 30, y: 30 }
                },
                {
                    name: "Cow",
                    image: "🐮",
                    speed: 3,
                    position: { x: 60, y: 60 }
                },
                {
                    name: "Lion",
                    image: "🦁",
                    speed: 5,
                    position: { x: 100, y: 100 }
                },
                {
                    name: "Kangaroo",
                    image: "🦘",
                    speed: 6,
                    position: { x: 140, y: 140 }
                },
                {
                    name: "Zebra",
                    image: "🦓",
                    speed: 4,
                    position: { x: 180, y: 180 }
                },
                {
                    name: "Giraffe",
                    image: "🦒",
                    speed: 3,
                    position: { x: 220, y: 220 }
                }
            ];

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

// Update and draw animals
                animals.forEach(function (animal) {
                    animal.position.x += animal.speed;
                    context.font = "30px Arial";
                    context.fillText(animal.image, animal.position.x, animal.position.y);

// Collision detection with the rider
                    var dx = animal.position.x - rider.x;
                    var dy = animal.position.y - rider.y;
                    var distance = Math.sqrt(dx * dx + dy * dy);
                    if (distance < rider.size) {
                        alert("You were caught by the " + animal.name + "! Game Over!");
                        location.reload();
                    }
                });

// Draw the rider
                context.font = "30px Arial";
                context.fillText("🚀", rider.x, rider.y);

requestAnimationFrame(update);
            }

// Handle touch events for rider movement
            canvas.addEventListener("touchstart", function (event) {
                rider.x = event.touches[0].clientX - canvas.offsetLeft;
                rider.y = event.touches[0].clientY - canvas.offsetTop;
            });

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