AI game creator

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

No:38490

←

Prev Next

→

Red emoji k○ller
Developer User17401｜Date and time 24/1/24 23:36:37
Build time 15.128 sec｜Game capacity 3.611KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE HTML>
<html>
<head>
    <title>Red Emoji Killer</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        canvas {
            display: block;
            background: #000;
            margin: auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        // Game variables
        let canvas, context, player, redEmoji, gameLoop;
        const canvasWidth = 320;
        const canvasHeight = 480;
        const playerSize = 50;
        const redEmojiSize = 30;
        const playerSpeed = 5;
        
        // Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");
            canvas.width = canvasWidth;
            canvas.height = canvasHeight;
            
            player = {
                x: canvasWidth / 2 - playerSize / 2,
                y: canvasHeight - playerSize - 10,
                size: playerSize,
                color: "#00FF00", // Green color for player
                moveLeft: false,
                moveRight: false
            };
            
            redEmoji = {
                x: Math.random() * (canvasWidth - redEmojiSize),
                y: -redEmojiSize,
                size: redEmojiSize,
                color: "#FF0000" // Red color for target emoji
            };
            
            gameLoop = setInterval(update, 10);
        }
        
        // Event listeners for touch controls
        document.addEventListener("keydown", function(event) {
            event.preventDefault();
            if (event.code === "ArrowLeft") {
                player.moveLeft = true;
            }
            if (event.code === "ArrowRight") {
                player.moveRight = true;
            }
        });
        
        document.addEventListener("keyup", function(event) {
            event.preventDefault();
            if (event.code === "ArrowLeft") {
                player.moveLeft = false;
            }
            if (event.code === "ArrowRight") {
                player.moveRight = false;
            }
        });
        
        // Update game state
        function update() {
            context.clearRect(0, 0, canvasWidth, canvasHeight);
            
            // Move player
            if (player.moveLeft && player.x > 0) {
                player.x -= playerSpeed;
            }
            if (player.moveRight && player.x < canvasWidth - player.size) {
                player.x += playerSpeed;
            }
            
            // Move red emoji
            redEmoji.y += 2;
            
            // Check for collision
            if (
                redEmoji.y < player.y + player.size &&
                redEmoji.y + redEmoji.size > player.y &&
                redEmoji.x < player.x + player.size &&
                redEmoji.x + redEmoji.size > player.x
            ) {
                gameOver();
            }
            
            // Draw player
            context.fillStyle = player.color;
            context.fillRect(player.x, player.y, player.size, player.size);
            
            // Draw red emoji
            context.fillStyle = redEmoji.color;
            context.fillRect(redEmoji.x, redEmoji.y, redEmoji.size, redEmoji.size);
        }
        
        // Game over
        function gameOver() {
            clearInterval(gameLoop);
            alert("Game Over!");
            init();
        }
        
        // Start game
        init();
    </script>
</body>
</html>