8-bit elevator simulator's game

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

No:50045

101

←

Prev Next

→

8-bit elevator simulator
Developer User21218｜Date and time 24/3/7 14:33:35
Build time 7.564 sec｜Game capacity 1.925KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>8-bit Elevator Simulator</title>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

const elevator = {
            x: 140,
            y: 360,
            width: 40,
            height: 100
        };

const buttons = [
            { x: 50, y: 330, width: 20, height: 20, pressed: false },
            { x: 250, y: 330, width: 20, height: 20, pressed: false }
        ];

function drawElevator() {
            ctx.fillStyle = "blue";
            ctx.fillRect(elevator.x, elevator.y, elevator.width, elevator.height);
        }

function drawButtons() {
            ctx.fillStyle = "green";
            for (let button of buttons) {
                ctx.fillRect(button.x, button.y, button.width, button.height);
            }
        }

function checkButtonPress(x, y) {
            for (let button of buttons) {
                if (x >= button.x && x <= (button.x + button.width) && y >= button.y && y <= (button.y + button.height)) {
                    button.pressed = true;
                }
            }
        }

canvas.addEventListener("mousedown", function(event) {
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;
            checkButtonPress(mouseX, mouseY);
        });

function update() {
            // Update game logic here
        }

function render() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawElevator();
            drawButtons();
        }

function gameLoop() {
            update();
            render();
        }

setInterval(gameLoop, 1000 / 30);
    </script>
</body>
</html>