Sonic's game | AI game creator

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

No:52768

255

Sonic
Developer User22126｜Date and time 24/3/24 14:12:41
Build time 19.508 sec｜Game capacity 3.487KB｜

→ 　

0　

0　

　
　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

<script>
    // Define variables for game elements
    let player;
    let obstacles = [];
    let score = 0;
    
    // Set up game canvas
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    
    canvas.width = 400;
    canvas.height = 600;
    
    document.body.appendChild(canvas);
    
    // Create player object
    player = {
        x: canvas.width / 2,
        y: canvas.height - 50,
        width: 20,
        height: 20,
        speed: 1,
        color: 'blue',
        
        moveLeft() {
            if (this.x > 0) {
                this.x -= this.speed;
            }
        },
        
        moveRight() {
            if (this.x < canvas.width - this.width) {
                this.x += this.speed;
            }
        }
    }
    
    // Create obstacle class
    class Obstacle {
        constructor(x, y, size, speed) {
            this.x = x;
            this.y = y;
            this.size = size;
            this.speed = speed;
        }
        
        move() {
            this.y += this.speed;
        }
    }
    
    // Function to generate obstacles
    function generateObstacle() {
        let x = Math.random() * canvas.width;
        let y = 0;
        let size = Math.random() * 20 + 10;
        let speed = Math.random() * 2 + 1;
        
        obstacles.push(new Obstacle(x, y, size, speed));
    }
    
    // Function to update game elements
    function update() {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Move player
        if (player) {
            if (keys.left) player.moveLeft();
            if (keys.right) player.moveRight();
            
            // Draw player
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }
        
        // Move obstacles
        obstacles.forEach(obstacle => {
            obstacle.move();
            
            // Collision detection
            if (player && obstacle.y + obstacle.size > player.y && obstacle.x < player.x + player.width && obstacle.x + obstacle.size > player.x) {
                player = null;
                clearInterval(gameInterval);
                alert('Game Over! Your score is: ' + score);
            }
            
            // Remove obstacle if it goes out of bounds
            if (obstacle.y > canvas.height) {
                score++;
                obstacles.splice(obstacles.indexOf(obstacle), 1);
            }
            
            // Draw obstacle
            ctx.fillStyle = 'red';
            ctx.fillRect(obstacle.x, obstacle.y, obstacle.size, obstacle.size);
        });
        
        // Draw score
        ctx.fillStyle = 'black';
        ctx.font = '20px Arial';
        ctx.fillText('Score: ' + score, 10, 30);
    }
    
    // Initialize game
    let gameInterval = setInterval(() => {
        update();
        
        // Generate new obstacle
        generateObstacle();
    }, 1000 / 60);
    
    // Keyboard input
    const keys = {
        left: false,
        right: false
    }
    
    window.addEventListener('keydown', event => {
        if (event.key === 'ArrowLeft') keys.left = true;
        if (event.key === 'ArrowRight') keys.right = true;
    });
    
    window.addEventListener('keyup', event => {
        if (event.key === 'ArrowLeft') keys.left = false;
        if (event.key === 'ArrowRight') keys.right = false;
    });
</script>