A 3D Cube Game with spikes that follow and k○ll the player's game

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

No:22518

←

Prev Next

→

A 3D Cube Game with spikes that follow and k○ll th..ALL
Developer User10392｜Date and time 23/10/23 1:03:09
Build time 51.989 sec｜Game capacity 3.657KB｜

Script

Sure, here's an example of a 3D cube game in a single HTML file using JavaScript. This game features a cube that the player controls, and there are spikes that follow and kill the player if they get too close:

In this game, the player controls a blue cube using the arrow keys on their smartphone. The spikes, represented by red squares, continuously fall from the top of the game area towards the player. If a spike collides with the player's cube, the game ends and the player is prompted with a game over message. Please note that due to the limitations of text-based communication, the actual game performance may vary. You can copy the above code into a text file with a `.html` extension and open it in a web browser on your smartphone to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>3D Cube Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player
        var player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            size: 20,
            color: "blue",
            speed: 2
        };

// Spikes
        var spikes = [];
        var spikeSpeed = 1;

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

// Move player
            if (keys.up) {
                player.y -= player.speed;
            }
            if (keys.down) {
                player.y += player.speed;
            }
            if (keys.left) {
                player.x -= player.speed;
            }
            if (keys.right) {
                player.x += player.speed;
            }

// Draw player
            context.fillStyle = player.color;
            context.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);

// Draw spikes
            for (var i = 0; i < spikes.length; i++) {
                var spike = spikes[i];
                spike.y += spikeSpeed;

if (spike.y > canvas.height) {
                    spikes.splice(i, 1);
                    i--;
                }

context.fillStyle = "red";
                context.fillRect(spike.x - spike.size / 2, spike.y - spike.size / 2, spike.size, spike.size);

// Check collision with player
                if (Math.abs(spike.x - player.x) < player.size / 2 + spike.size / 2 && Math.abs(spike.y - player.y) < player.size / 2 + spike.size / 2) {
                    // Game over
                    alert("Game over!");
                    location.reload();
                }
            }

// Add new spike randomly
            if (Math.random() < 0.01) {
                var newSpike = {
                    x: Math.random() * canvas.width,
                    y: -50,
                    size: 10
                };
                spikes.push(newSpike);
            }

// Request next frame
            requestAnimationFrame(update);
        }

// Keyboard input handling
        var keys = {};

window.addEventListener("keydown", function (event) {
            keys[event.keyCode] = true;
        });

window.addEventListener("keyup", function (event) {
            keys[event.keyCode] = false;
        });

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

Please note that due to the limitations of text-based communication, the actual game performance may vary. You can copy the above code into a text file with a `.html` extension and open it in a web browser on your smartphone to play the game.