roblox a bunch of games avatars and working movement menu and a Axolotl's game

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

No:31719

←

Prev Next

→

roblox a bunch of games avatars and working moveme..ALL
Developer User15107｜Date and time 23/12/28 8:09:24
Build time 20.268 sec｜Game capacity 2.818KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>AXOLOTL GAME</title>
    <style>
        body {
            text-align: center;
        }
        canvas {
            border: 1px solid black;
        }
        button {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>
    <button id="moveLeftBtn">Move Left</button>
    <button id="moveRightBtn">Move Right</button>
    <button id="jumpBtn">Jump</button>
    <script>
        window.onload = function() {
            const canvas = document.getElementById("gameCanvas");
            const context = canvas.getContext("2d");

// Axolotl variables
            let axolotlX = 200;
            let axolotlY = 250;
            let axolotlWidth = 80;
            let axolotlHeight = 80;
            let axolotlJump = false;

// Movement variables
            let moveLeft = false;
            let moveRight = false;

// Event listeners for movement buttons
            document.getElementById("moveLeftBtn").addEventListener("click", function() {
                moveLeft = true;
                moveRight = false;
            });
            
            document.getElementById("moveRightBtn").addEventListener("click", function() {
                moveRight = true;
                moveLeft = false;
            });
            
            document.getElementById("jumpBtn").addEventListener("click", function() {
                if (!axolotlJump) {
                    axolotlJump = true;
                    setTimeout(function() {
                        axolotlJump = false;
                    }, 500);
                }
            });

// Game loop
            function gameLoop() {
                // Clear canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw axolotl
                context.fillStyle = "#83D9DA";
                context.fillRect(axolotlX, axolotlY, axolotlWidth, axolotlHeight);

// Move axolotl
                if (moveLeft && axolotlX > 0) {
                    axolotlX -= 3;
                }
                if (moveRight && axolotlX < canvas.width - axolotlWidth) {
                    axolotlX += 3;
                }

// Apply gravity
                if (axolotlY < canvas.height - axolotlHeight && !axolotlJump) {
                    axolotlY += 2;
                }

// Jumping motion
                if (axolotlJump && axolotlY > canvas.height - axolotlHeight - 150) {
                    axolotlY -= 4;
                }

requestAnimationFrame(gameLoop);
            }

gameLoop();
        };
    </script>
</body>
</html>