Wire terrain

Make it fit your project.

Build a Three.js plane with modest subdivisions and displace its vertices using smooth procedural noise. Advance the sampled noise coordinates over time, keep the camera fixed, and color the wireframe with one accent on a dark background. Dispose of geometry and materials on teardown.

Build and check.

1. Confirm the supplied content, target environment, and required assets before implementing.
2. Build a Three.js plane with modest subdivisions and displace its vertices using smooth procedural noise. Advance the sampled noise coordinates over time, keep the camera fixed, and color the wireframe with one accent on a dark background. Dispose of geometry and materials on teardown.
3. Expose seek(t) so frames can be inspected deterministically; add play, pause, replay, and a reduced-motion still.
4. Inspect the opening, midpoint, and final state at desktop and mobile sizes; report any dependency or output limitation.

Know the limits.

• Cap device pixel ratio at 1.5 and reduce subdivisions on mobile. Provide a static fallback.
• The prompt guides a coding agent; output quality depends on its implementation and review.

Want us to build it?

Send an optional project brief. We’ll receive your contact details, project description, and this recipe’s ID.