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

No:36858

←

Prev Next

→

Bra2l stars
Developer User16887｜Date and time 24/1/18 20:57:45
Build time 8.639 sec｜Game capacity 2.227KB｜

Script

Bra2l Stars

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Bra2l Stars</title>
</head>
<body>
    <h1>Bra2l Stars</h1>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <script>
        // Game variables
        var canvas;
        var canvasContext;
        var playerX = 240;
        var playerY = 300;
        var playerSize = 32;
        var moveSpeed = 5;
        var LEFT_KEY = 37;
        var RIGHT_KEY = 39;
        var isLeftKeyPressed = false;
        var isRightKeyPressed = false;

// Initialize the game
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');

setInterval(update, 1000 / 60);  // Update the game 60 times per second

// Handle key events
            document.addEventListener("keydown", function(event) {
                if (event.keyCode === LEFT_KEY) {
                    isLeftKeyPressed = true;
                } else if (event.keyCode === RIGHT_KEY) {
                    isRightKeyPressed = true;
                }
            });

// Game update function
        function update() {
            movePlayer();
            draw();
        }

// Move the player based on keyboard input
        function movePlayer() {
            if (isLeftKeyPressed && playerX - moveSpeed >= 0) {
                playerX -= moveSpeed;
            } else if (isRightKeyPressed && playerX + playerSize + moveSpeed <= canvas.width) {
                playerX += moveSpeed;
            }
        }

// Draw the game objects
        function draw() {
            // Clear the canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player
            canvasContext.fillStyle = "yellow";
            canvasContext.fillRect(playerX, playerY, playerSize, playerSize);
        }
    </script>
</body>
</html>