Talk

Self-contained Three.js voxel mountain valley world builder

From Wikiprompt, the free prompt encyclopedia

Alex Prompter
Contributed byAlex PrompterXSource

Jul 24, 2026

Self-contained Three.js voxel mountain valley world builder A detailed single-file prompt for generating a procedurally built, animated voxel mountain-valley world in Three.js, complete with wandering villagers, a day/night cycle, and a custom orbit camera.

Prompt ContentSave

🌐
Create a single self-contained HTML file: an explorable 3D voxel mountain valley scene, built with Three.js loaded from a CDN. Everything must be procedurally generated in code, do not load any external models, textures, images, or sounds. The scene: a voxel (cube-based) mountain landscape with snow-capped peaks, a green valley, pine trees, a small village of 5-8 blocky houses with warm glowing windows, a river or lake made of blue voxels, and drifting blocky clouds. Life in the scene: 6-10 blocky villagers and animals (e.g. sheep, chickens) that wander around the village and valley on their own. Simple wandering AI is fine: each character picks a nearby spot, walks there with a small waddle/bob animation, pauses, then picks a new spot. They must never walk into the water or off the terrain. A full day/night cycle lasting about 60 seconds: the sun moves across the sky, light color shifts from warm morning to bright noon to orange sunset to blue night, stars appear at night, and house windows glow brighter after dark. Camera: implement your own simple orbit camera from scratch (do not rely on OrbitControls or any addon script). Click-drag rotates around the scene, scroll wheel zooms. The camera should also slowly auto-rotate around the scene by itself whenever the user is not dragging, so the scene is cinematic with zero input. Requirements: the scene starts animating immediately on load with no clicks needed. Keep the voxel count modest so it runs smoothly at 60fps. Show a small semi-transparent control hint in a corner ("Drag to rotate - Scroll to zoom"). No console errors, no loading screens, no external asset URLs of any kind.

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| threejs| voxel-art

Talk