Ride a horse Ride a horse make sure you don't run into any walls or buildings Make sure you don't also run into cars You will also be greeted With obstacles Also your horse can jump's game

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

No:52586

230

←

Prev Next

→

Ride a horse Ride a horse make sure you don't run ..ALL
Developer User22062｜Date and time 24/3/23 7:30:09
Build time 8.724 sec｜Game capacity 2.498KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ride a Horse Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

let horseX = 50;
    let horseY = canvas.height / 2;
    let obstacles = [];

function drawHorse() {
        ctx.beginPath();
        ctx.rect(horseX, horseY, 20, 20);
        ctx.fillStyle = 'brown';
        ctx.fill();
        ctx.closePath();
    }

function drawObstacles() {
        obstacles.forEach(obstacle => {
            ctx.beginPath();
            ctx.rect(obstacle.x, obstacle.y, 20, 20);
            ctx.fillStyle = 'red';
            ctx.fill();
            ctx.closePath();
        });
    }

function moveHorse(direction) {
        if (direction === 'up' && horseY > 0) {
            horseY -= 10;
        } else if (direction === 'down' && horseY < canvas.height - 20) {
            horseY += 10;
        }
    }

function generateObstacle() {
        const obstacle = {
            x: canvas.width - 20,
            y: Math.floor(Math.random() * canvas.height)
        };
        obstacles.push(obstacle);
    }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

drawHorse();
        drawObstacles();

moveObstacles();

checkCollision();

requestAnimationFrame(gameLoop);
    }

function moveObstacles() {
        obstacles.forEach(obstacle => {
            obstacle.x -= 3;
        });

if (Math.random() < 0.01) {
            generateObstacle();
        }

obstacles = obstacles.filter(obstacle => obstacle.x > 0);
    }

gameLoop();
</script>
</body>
</html>