A three.js forest you can walk around in, right here in the page: rolling hills, a creek that bends its own way downhill, grass and leaves leaning in the wind, butterflies drifting over the flowers. A girl in a red dress is waiting by the water. Click anywhere on the ground and she will walk over to it — she is not on a loop any more, she goes where you point. Free, nothing to install.
Left click to walk there · right drag to look · scroll to zoom
The camera drifts slowly on its own until you touch it — the first click or drag hands the controls over to you for good.
The land. The ground is a 240 × 240 grid whose every vertex is lifted by one height function: a few overlapping sine waves for the rolling hills, a valley carved where the creek runs, flattened banks and a slight lip along the shore. The same function places every blade, stone and footstep, so nothing floats or sinks.
The creek. A curve snakes down the valley, and the water is a ribbon laid along it. It ripples every frame and is drawn with a physical, see-through material that bends the pebbles and riverbed beneath it. Ten little fish swim up and down the current, flicking their tails.
Grass and trees. About 25,000 individual grass blades cover the banks, each tapered, curved, tinted and swaying in the wind. One large tree and six smaller ones carry thousands of leaf cards apiece that sway in the same breeze, while a ring of darker conifers fades into the fog behind them.
Small life. Ninety flowers in six colours dot the meadow, six butterflies flap lazy loops above it, leaves keep drifting down from the big tree, and pollen motes hang in the air.
The light. A low golden-hour sun sits sixteen degrees above the horizon in a physically based sky, casting soft shadows and shafts of light through the canopy. Clouds drift overhead, and a gentle bloom and colour grade finish the picture.
Forest Stroll is a single three.js scene running on WebGL 2, with no downloaded models or image textures — every mesh and texture is generated in code when the page opens. The grass and leaves are instanced meshes, a few lines patched into the standard material's vertex shader make them sway, a raycast against the terrain turns your click into a destination, and the frame goes through bloom and a colour-grading pass before it reaches the screen.
We wrote up the whole thing, with snippets from the real source: How we built a walkable 3D forest in three.js.
Yes. Forest Stroll is completely free and runs right in your browser. There is nothing to download or install and no sign-up.
Yes, in any recent mobile browser with WebGL 2. Tap the ground to send her walking, drag with one finger to orbit the camera and pinch to zoom. It is a fairly heavy scene, so older phones may run it at a lower frame rate.
Left-click a spot on the ground and she walks there. Right-drag, or left-drag, to orbit the camera around her; scroll or pinch to zoom from treetop height down to the flowers. A drag never sends her walking, only a short, clean click does.
three.js (r160) on WebGL 2. There are no downloaded 3D models or image textures: the terrain, trees, grass, water, characters and every texture are generated in code when the page loads. We wrote up how it works in How we built a walkable 3D forest in three.js.
The scene draws about 25,000 grass blades and more than 20,000 leaf cards every frame, with soft shadows, see-through refractive water, bloom and a colour grade on top. Older or integrated GPUs can struggle with that. Leaving full screen or making the browser window smaller helps, since there are fewer pixels to draw.
You are welcome to play it and share the link. Copying, embedding or commercial use of the code or assets needs written permission; see Rights & use below or email [email protected].
Forest Stroll — the scene, artwork, animation and source code are © 2026 ShengyuStudio (胜遇工作室). All rights reserved.
Play with it as much as you like, and send the link to anyone. But please do not copy, republish or redistribute the code or assets from this page, and do not put them to any commercial use — that includes embedding them in another site, bundling them into an app, or selling them as part of a product — without written permission.
For a commercial licence, asset licensing, or just to talk about working together, email [email protected]. We are easy to deal with.
This scene is built on three.js, used under the MIT licence and copyright of its own authors — full licence text. The notice above does not extend to that open-source portion.
We make PC games on Steam — a Xianxia deckbuilder, a fast auto-fire survival run, and a 3D island survival crafting game in the works. Or try the other toy in this corner of the site.
Also here: Island Shore, Storm Ahead and Stickman Spear Run.