AI game creator

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

No:13700

←

Prev Next

→

魂斗罗
Developer User5997｜Date and time 23/8/29 13:26:40
Build time 13.197 sec｜Game capacity 2.7KB｜

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>魂斗罗</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="240"></canvas>

// Set up the canvas when the window loads
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            document.addEventListener('keydown', handleKeyDown);
            document.addEventListener('keyup', handleKeyUp);

// Start the game update loop
            setInterval(update, 1000/30);
        }

// Method to handle keydown events
        function handleKeyDown(event) {
            if (event.keyCode === 37) { // Left arrow key
                keyLeft = true;
            } else if (event.keyCode === 39) { // Right arrow key
                keyRight = true;
            } else if (event.keyCode === 38) { // Up arrow key
                keyUp = true;
            } else if (event.keyCode === 40) { // Down arrow key
                keyDown = true;
            }
        }

// Method to handle keyup events
        function handleKeyUp(event) {
            if (event.keyCode === 37) { // Left arrow key
                keyLeft = false;
            } else if (event.keyCode === 39) { // Right arrow key
                keyRight = false;
            } else if (event.keyCode === 38) { // Up arrow key
                keyUp = false;
            } else if (event.keyCode === 40) { // Down arrow key
                keyDown = false;
            }
        }

// Update the game state
        function update() {
            movePlayer();

// Clear the canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            canvasContext.fillStyle = "#FF0000";
            canvasContext.fillRect(playerX, playerY, 20, 20);
        }

// Move the player based on the key inputs
        function movePlayer() {
            if (keyLeft && playerX > 0) {
                playerX -= 5;
            }
            
            if (keyRight && playerX < canvas.width - 20) {
                playerX += 5;
            }
            
            if (keyUp && playerY > 0) {
                playerY -= 5;
            }
            
            if (keyDown && playerY < canvas.height - 20) {
                playerY += 5;
            }
        }
    </script>
</body>
</html>