Talk

Build a single-file 3D endless runner game with Three.js

From Wikiprompt, the free prompt encyclopedia

Eyisha Zyer
Contributed byEyisha ZyerXSource

Jul 22, 2026

Build a single-file 3D endless runner game with Three.js A coding prompt that builds a single-file 3D endless runner game in Three.js, with three-lane chase camera, touch and keyboard controls, and a persisted high score.

Related media

Prompt ContentSave

🌐
Overview: Create a complete, single-file 3D endless runner game in index.html using Three.js via CDN. Key Specifications: Camera & Layout: Perfectly center-aligned third-person chase camera set across three distinct lanes. Visual Palette: High-contrast color scheme featuring Electric Cyan for the player, Neon Orange/Red for hazard obstacles, Lime Green/Gold for collectible coins, and a deep dark void/track background for maximum visual clarity. Controls & Mechanics: Responsive controls supporting Keyboard (WASD / Arrow keys) and Touch Swipes (Left/Right to switch lanes, Up/Space to jump). Features dynamic obstacle and coin spawning, bounding box collision detection, particle FX, synthesized Web Audio API sound effects (no external audio files), HUD overlay, and Main/Pause/Game Over menus integrated with localStorage high-score persistence. Return all code in a single index.html file.

Sign in to see the full prompt

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

Usage

This prompt is designed for use with coding. Copy the prompt content above and paste it into your preferred AI tool.

For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.

References

Categories:coding| twitter| endless-runner| threejs

Talk