AI game creator

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

No:25239

←

Prev Next

→

2D games
Developer User12322｜Date and time 23/11/19 18:48:18
Build time 74.102 sec｜Game capacity 2.158KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2D Game</title>
    <style>
        #gameCanvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player variables
        var playerX;
        var playerY;
        var playerSpeed;

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");

playerX = canvas.width / 2;
            playerY = canvas.height - 50;
            playerSpeed = 5;

document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);

setInterval(update, 16); // Update the game every 16 milliseconds (approx 60 FPS)
        }

// Update game logic
        function update() {
            movePlayer();
            drawGame();
        }

// Handle keydown events
        function handleKeyDown(event) {
            if (event.key === "ArrowLeft") {
                playerSpeed = -5;
            } else if (event.key === "ArrowRight") {
                playerSpeed = 5;
            }
        }

// Handle keyup events
        function handleKeyUp(event) {
            if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
                playerSpeed = 0;
            }
        }

// Move the player
        function movePlayer() {
            playerX += playerSpeed;
            
            if (playerX < 0) {
                playerX = 0;
            } else if (playerX + 50 > canvas.width) {
                playerX = canvas.width - 50;
            }
        }

// Draw the game
        function drawGame() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            context.fillStyle = "black";
            context.fillRect(playerX, playerY, 50, 50);
        }

// Start the game
        init();
    </script>
</body>
</html>