
- Length & ratio
- 0:30
- 16:9
- Made with
- three.js
- Shader
- Physics
Prompt
Your working directory for this task is `<PATH>` — an empty, freshly initialized git repository. Do ALL work inside that directory only. Do not modify anything outside it. Complete the following task: Build an interactive 3D water simulation in this empty repository. Generate a procedural mountain landscape from a deterministic seed. Water must flow downhill according to the local terrain gradient, collect in depressions, and form visible streams and lakes. Use TypeScript, Vite, and Three.js. Do not use a prebuilt physics engine or external 3D assets. IMPORTANT — the application must be a FULLY AUTONOMOUS demo with NO user interaction and NO visible UI controls at all. Purpose: recording showcase videos for social media. Concretely: - No visible control elements whatsoever (no buttons, sliders, panels, seed input, click-to-place-water). The screen shows only the 3D scene. - On page load the simulation starts automatically: rainfall begins on its own and/or water springs emerge near mountain peaks, so water visibly flows downhill, forms streams, and collects into lakes without anyone touching anything. - Add a slow, smooth automatic camera movement (e.g. gentle orbit around the terrain) so a recorded video looks good. - Configuration (seed, rain intensity, simulation speed) may only exist via URL query parameters or code constants — never as on-screen UI. - The scene background must NOT be black — use an attractive sky blue (e.g. around #87CEEB, ideally a soft gradient sky) with matching fog color so the horizon blends naturally. Also make sure the page body background is sky blue, not dark, so there is no dark flash before the canvas paints. Keep the simulation, rendering, and user-interface/bootstrap code cleanly separated. Add meaningful automated tests for deterministic terrain generation, approximate conservation of water mass, and downhill flow direction. Also add an executable `start.sh` in the repository root so that people who clone the repo can start the demo with a single command. It should: check that Node.js and npm are available and print a helpful message if not; run `npm install` if node_modules is missing; then start the app (dev server, plus a `--preview` mode for the production build) and print the local URL. chmod +x it and mention it in the README ("Quick start: ./start.sh"). Install the required dependencies, run the tests and production build, and independently fix any errors you encounter. Finally, document the architecture, the simulation model, how to run the application, and all known limitations in the README. When you are finished, report: the final test results (pass/fail counts), the production build result, a short summary of the architecture, and any known limitations.
More videos like this
View all

Explainer
Raptor 3 engine cutaway tracing its turbopumps
three.js, Shader · 16:9 · 0:35
by konstantinsaifo


Choose Your Plan
One balance of credits for AI videos and AI images. Subscribe monthly or yearly, or buy a credit pack once.
2,000 credits
Pay once · no subscription
Videos per pack
- 2,000 credits, added once
- Up to 86 fast images
- No added Potto watermark
- Shared by video and image tools
5,000 credits
Pay once · no subscription
Videos per pack
- 5,000 credits, added once
- Up to 217 fast images
- No added Potto watermark
- Shared by video and image tools
15,000 credits
Pay once · no subscription
Videos per pack
- 15,000 credits, added once
- Up to 652 fast images
- No added Potto watermark
- Shared by video and image tools
Lite
Choose Lite$20/monthBilled monthly
Videos per month
30-second product demo13 videos60-second explainer5 videos- 2,000 credits per month
- Up to 86 fast images
- Standard queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
Pro
Choose Pro$50/monthBilled monthly
Videos per month
30-second product demo33 videos60-second explainer13 videos- 5,000 credits per month
- Up to 217 fast images
- Priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- Recommended
Max
Choose Max$100/monthBilled monthly
Videos per month
30-second product demo100 videos60-second explainer40 videos- 15,000 credits per month
- Up to 652 fast images
- Highest priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
Lite
-20%Choose Lite$20$16/monthBilled annually · $240 → $192/year
Videos per month
30-second product demo13 videos60-second explainer5 videos- 2,000 credits per month
- Up to 86 fast images
- Standard queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
Pro
-20%Choose Pro$50$40/monthBilled annually · $600 → $480/year
Videos per month
30-second product demo33 videos60-second explainer13 videos- 5,000 credits per month
- Up to 217 fast images
- Priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
- Recommended
Max
-20%Choose Max$100$80/monthBilled annually · $1,200 → $960/year
Videos per month
30-second product demo100 videos60-second explainer40 videos- 15,000 credits per month
- Up to 652 fast images
- Highest priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.
Procedural mountain sheds rain into streams and lakes FAQ
How Procedural mountain sheds rain into streams and lakes was made, what its prompt says, and how to make Explainer videos like it with Potto.
What is Procedural mountain sheds rain into streams and lakes?
Procedural mountain sheds rain into streams and lakes is a motion graphics video by StephanFerraro in the Explainer collection. A procedural mountain scene where rain falls and flows into streams and lakes.
How was Procedural mountain sheds rain into streams and lakes made?
Procedural mountain sheds rain into streams and lakes was made with three.js, Shader, and Physics. It is part of the Explainer collection of AI motion graphics videos on Potto.
Is the prompt for Procedural mountain sheds rain into streams and lakes available?
Yes. The full prompt behind Procedural mountain sheds rain into streams and lakes is on this page. Copy it, or click Use this prompt to open it in the Potto workspace.
How long is Procedural mountain sheds rain into streams and lakes, and what is its aspect ratio?
Procedural mountain sheds rain into streams and lakes runs 0:30 in a 16:9 frame.
Can I make Explainer videos like Procedural mountain sheds rain into streams and lakes with Potto?
Yes. Click Use this prompt to load the prompt behind Procedural mountain sheds rain into streams and lakes into the Potto workspace. Potto renders its own version, and you can change the text and style before you export.
Where can I watch the original Procedural mountain sheds rain into streams and lakes?
Procedural mountain sheds rain into streams and lakes was first posted by its creator. Click View original to open that post in a new tab.
Where can I find more Explainer videos like Procedural mountain sheds rain into streams and lakes?
Browse the Explainer collection on Potto: 264 videos, each with its prompt, specs and source.