AI game creator

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

No:47206

124

←

Prev Next

→

The Parking
Developer User20334｜Date and time 24/2/27 18:07:38
Build time 7.06 sec｜Game capacity 1.848KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>The Parking Game</title>
</head>

<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let carX = 400;
        let carY = 500;
        let goalX = 400;
        let goalY = 50;

function drawCar() {
            ctx.fillStyle = "blue";
            ctx.fillRect(carX, carY, 50, 30);
        }

function drawGoal() {
            ctx.fillStyle = "green";
            ctx.fillRect(goalX, goalY, 50, 30);
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawCar();
            drawGoal();
        }

function moveCar(direction) {
            switch (direction) {
                case "up":
                    carY -= 10;
                    break;
                case "down":
                    carY += 10;
                    break;
                case "left":
                    carX -= 10;
                    break;
                case "right":
                    carX += 10;
                    break;
                default:
                    break;
            }

draw();

if (carX === goalX && carY === goalY) {
                alert("You win!");
            }
        }

draw();
    </script>
</body>

</html>