AI game creator

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

No:18937

←

Prev Next

→

Crossy road
Developer User8295｜Date and time 23/10/1 5:44:23
Build time 12.482 sec｜Game capacity 4.442KB｜

Script

Sure! Here's a simple implementation of a game based on the popular "Crossy Road" concept, using JavaScript and pictograms. Please note that this is a stripped-down version for demonstration purposes:

This implementation sets up a basic Crossy Road game where the player, depicted as a red square, can move up, down, left, and right using the arrow keys. The obstacles, represented by black squares, move downwards, and the game checks for collisions between the player and the obstacles. If a collision occurs, an alert with "Game Over!" is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

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

// Game setup
        function setup() {
            drawPlayer();
            setInterval(updateGame, 100);
        }

// Game update
        function updateGame() {
            clearCanvas();
            drawPlayer();
            moveObstacles();
            drawObstacles();
            checkCollision();
        }

// Clear canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Draw player
        function drawPlayer() {
            ctx.fillStyle = "#ff0000"; // red color
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

// Move player
        function movePlayer(direction) {
            switch (direction) {
                case "up":
                    player.y -= 40;
                    break;
                case "down":
                   player.y += 40;
                    break;
                case "left":
                    player.x -= 40;
                    break;
                case "right":
                    player.x += 40;
                    break;
            }
        }

// Set player controls
        window.addEventListener("keydown", function(event) {
            switch (event.key) {
                case "ArrowUp":
                    movePlayer("up");
                    break;
                case "ArrowDown":
                    movePlayer("down");
                    break;
                case "ArrowLeft":
                    movePlayer("left");
                    break;
                case "ArrowRight":
                    movePlayer("right");
                    break;
            }
        });

// Generate obstacles
        function generateObstacles() {
            const obstacle = { x: 0, y: 0, width: 40, height: 40 };
            const randomX = Math.floor(Math.random() * 10) * 40;
            obstacle.x = randomX;
            obstacles.push(obstacle);
        }

// Move obstacles
        function moveObstacles() {
            for (let i = 0; i < obstacles.length; i++) {
                obstacles[i].y += 4;
                
                // Remove off-screen obstacles
                if (obstacles[i].y > canvas.height) {
                    obstacles.splice(i, 1);
                }
            }
            
            // Generate new obstacles
            if (Math.random() < 0.03) {
                generateObstacles();
            }
        }

// Draw obstacles
        function drawObstacles() {
            ctx.fillStyle = "#000000"; // black color
            for (let i = 0; i < obstacles.length; i++) {
                ctx.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);
            }
        }

// Check collision
        function checkCollision() {
            for (let i = 0; i < obstacles.length; i++) {
                if (
                    player.x < obstacles[i].x + obstacles[i].width &&
                    player.x + player.width > obstacles[i].x &&
                    player.y < obstacles[i].y + obstacles[i].height &&
                    player.y + player.height > obstacles[i].y
                ) {
                    // Collision detected, game over
                    alert("Game Over!");
                    // Reset game or perform further actions as needed
                }
            }
        }

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