AI game creator

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

No:20573

←

Prev Next

→

Doors 3D
Developer User9091｜Date and time 23/10/10 5:48:36
Build time 14.307 sec｜Game capacity 3.237KB｜

Script

Sure! Here's a simple game called "Doors 3D" implemented as a single HTML file. Please copy and save the code below into an HTML file (e.g., `doors_3d.html`), and open it in a web browser on your smartphone to play the game.

This game is a simple interactive doors puzzle. You have three doors displayed as brown rectangles. By tapping on the doors, you can select the orange door. Each level increases the number of doors. The game ends when you successfully select the correct door on the final level. Note: Since this game is designed for smartphone operation, you can open it on your smartphone's web browser for the best experience.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Doors 3D</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize game variables
        var level = 0;
        var doorPositions = [
            { x: 50, y: 180 },
            { x: 180, y: 180 },
            { x: 310, y: 180 }
        ];
        var playerPosition = 1;
        var isGameOver = false;

// Function to draw the game scene
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw doors
            for (var i = 0; i < doorPositions.length; i++) {
                var doorX = doorPositions[i].x;
                var doorY = doorPositions[i].y;

ctx.fillStyle = (i === playerPosition && !isGameOver) ? "orange" : "brown";
                ctx.fillRect(doorX, doorY, 80, 120);

if (isGameOver && i === level) {
                    ctx.fillStyle = "white";
                    ctx.font = "25px Arial";
                    ctx.fillText("Congratulations!", canvas.width/2, canvas.height/2);
                }
            }
        }

// Function to handle touch/click events
        function handleTouch(event) {
            if (isGameOver) {
                return;
            }

var rect = canvas.getBoundingClientRect();
            var touchX = event.touches[0].clientX - rect.left;
            var touchY = event.touches[0].clientY - rect.top;

for (var i = 0; i < doorPositions.length; i++) {
                var doorX = doorPositions[i].x;
                var doorY = doorPositions[i].y;

if (touchX >= doorX && touchX <= doorX + 80 && touchY >= doorY && touchY <= doorY + 120) {
                    playerPosition = i;
                    break;
                }
            }

if (playerPosition === level) {
                level++;
                if (level === doorPositions.length) {
                    isGameOver = true;
                }
            }

draw();
        }

// Event listener for touch/click events
        canvas.addEventListener("touchstart", handleTouch, false);

// Start the game
        draw();
    </script>
</body>
</html>
```

Note: Since this game is designed for smartphone operation, you can open it on your smartphone's web browser for the best experience.