Make a 3d running game's game

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

No:32046

←

Prev Next

→

Make a 3d running game
Developer User15315｜Date and time 23/12/29 12:00:05
Build time 33.354 sec｜Game capacity 4.719KB｜

Script

Sure! Here's a simple example of a 3D running game implemented as a single HTML file using JavaScript. It uses three.js library for 3D rendering, and the game can be played on a smartphone:

This game is a simple infinite runner where the player has to jump over obstacles. You can control the player by pressing the space or up arrow key to jump. The game starts when you press Enter or touch the screen. The score increases as the player progresses, and the speed gradually increases over time. Please note that this is just a basic implementation to give you an idea of how a 3D running game could be built. You can customize and enhance it further based on your specific requirements and visual design preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! Here's a simple example of a 3D running game implemented as a single HTML file using JavaScript. It uses three.js library for 3D rendering, and the game can be played on a smartphone:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>3D Running Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.min.js"></script>
    <script>
        window.addEventListener("load", init, false);

var scene, camera, renderer;
        var player, ground, obstacle, score;
        var speed = 3;
        var isJumping = false;
        var gameStarted = false;

function init() {
            scene = new THREE.Scene();

camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 1000);
            camera.position.z = 10;

renderer = new THREE.WebGLRenderer({ antialias: true });
            renderer.setSize(window.innerWidth, window.innerHeight);
            document.body.appendChild(renderer.domElement);

player = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshBasicMaterial({ color: 0xff0000 }));
            player.position.y = 0.5;
            scene.add(player);

ground = new THREE.Mesh(new THREE.BoxGeometry(10, 0.1, 10), new THREE.MeshBasicMaterial({ color: 0x00ff00 }));
            ground.position.y = -0.5;
            scene.add(ground);

obstacle = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshBasicMaterial({ color: 0x0000ff }));
            obstacle.position.z = -10;
            obstacle.position.y = 0.5;
            scene.add(obstacle);

score = 0;

document.addEventListener("keydown", onKeyDown, false);
            document.addEventListener("touchstart", onTouchStart, false);

animate();
        }

function animate() {
            requestAnimationFrame(animate);

if (gameStarted) {
                if (!isJumping) {
                    player.position.y = 0.5;
                }
                player.position.z += speed;
                obstacle.position.z += speed;

if (player.position.z > obstacle.position.z) {
                    if (Math.abs(player.position.x - obstacle.position.x) < 1 && Math.abs(player.position.y - obstacle.position.y) < 1) {
                        endGame();
                    }
                }

score += Math.floor(speed / 10);

if (score % 100 === 0) {
                    speed += 0.1;
                }
            }

renderer.render(scene, camera);
        }

function endGame() {
            gameStarted = false;
            alert("Game Over! Score: " + score);
            resetGame();
        }

function resetGame() {
            player.position.z = 0;
            obstacle.position.z = -10;
            speed = 3;
            score = 0;
        }

function startGame() {
            gameStarted = true;
            isJumping = false;
        }

This game is a simple infinite runner where the player has to jump over obstacles. You can control the player by pressing the space or up arrow key to jump. The game starts when you press Enter or touch the screen. The score increases as the player progresses, and the speed gradually increases over time.

Please note that this is just a basic implementation to give you an idea of how a 3D running game could be built. You can customize and enhance it further based on your specific requirements and visual design preferences.