
Build a browser world
A small browser exploration game: collect three relics and unlock a gate in one forest clearing.
Your first steps
- Install Node.js and a code editor; create a small Vite project and install three from npm.
- Make a scene, camera, renderer and resize handler. Begin with simple meshes, a floor and a visible goal.
- Add movement, three collectibles, one exit and restart. Host the tested build at an HTTPS play link.
Check it works: Movement works, each relic counts once, the gate opens after three, resize keeps the correct aspect ratio and restart resets the world.
Build prompt · copy into your assistant
Help me build a small Three.js browser game called Relic Grove. First ask about my coding experience, target devices and installed versions. Scope it to one clearing, one player, three collectibles, one exit and restart; no multiplayer. Use a scene, camera, renderer, delta-time movement and a responsive canvas. Explain the file tree and commands before providing one small change at a time. Start with primitive meshes rather than external assets. After every change give a concrete test and expected result. Keep graphics settings modest, include keyboard instructions and plan touch controls separately. Never claim you ran my project; ask me for the result or errors.
Image prompt · visual reference
Wide 16:9 concept illustration for Relic Grove: one readable forest clearing, three small glowing relics, a stone exit gate, stylised low-poly shapes, green foliage and warm amber light. Keep the route and player silhouette clear. No text, logos or UI. This is a visual reference; meshes, collision and animation must be created separately.

