
- Lengde og forhold
- 0:30
- 16:9
- Laget med
- 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.
Flere videoer som denne
Se alle

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


Velg plan
Én saldo med kreditter til AI-videoer og AI-bilder. Abonner månedlig eller årlig, eller kjøp en kredittpakke én gang.
2 000 kreditter
Betal én gang · ingen abonnement
Videoer per pakke
- 2 000 kreditter, lagt til én gang
- Opptil 86 raske bilder
- Ingen ekstra Potto-vannmerke
- Delt av video- og bildeverktøy
5 000 kreditter
Betal én gang · ingen abonnement
Videoer per pakke
- 5 000 kreditter, lagt til én gang
- Opptil 217 raske bilder
- Ingen ekstra Potto-vannmerke
- Delt av video- og bildeverktøy
15 000 kreditter
Betal én gang · ingen abonnement
Videoer per pakke
- 15 000 kreditter, lagt til én gang
- Opptil 652 raske bilder
- Ingen ekstra Potto-vannmerke
- Delt av video- og bildeverktøy
Lite
Velg Lite20 USD/månedFaktureres månedlig
Videoer per måned
30 sekunders produktdemo13 videoer60 sekunders forklaringsvideo5 videoer- 2 000 kreditter per måned
- Opptil 86 raske bilder
- Standard-kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
Pro
Velg Pro50 USD/månedFaktureres månedlig
Videoer per måned
30 sekunders produktdemo33 videoer60 sekunders forklaringsvideo13 videoer- 5 000 kreditter per måned
- Opptil 217 raske bilder
- Prioritert kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
- Anbefalt
Max
Velg Max100 USD/månedFaktureres månedlig
Videoer per måned
30 sekunders produktdemo100 videoer60 sekunders forklaringsvideo40 videoer- 15 000 kreditter per måned
- Opptil 652 raske bilder
- Høyeste prioritet i køen
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
Lite
-20%Velg Lite20 USD16 USD/månedFaktureres årlig · 240 USD → 192 USD/år
Videoer per måned
30 sekunders produktdemo13 videoer60 sekunders forklaringsvideo5 videoer- 2 000 kreditter per måned
- Opptil 86 raske bilder
- Standard-kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
Pro
-20%Velg Pro50 USD40 USD/månedFaktureres årlig · 600 USD → 480 USD/år
Videoer per måned
30 sekunders produktdemo33 videoer60 sekunders forklaringsvideo13 videoer- 5 000 kreditter per måned
- Opptil 217 raske bilder
- Prioritert kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
- Anbefalt
Max
-20%Velg Max100 USD80 USD/månedFaktureres årlig · 1 200 USD → 960 USD/år
Videoer per måned
30 sekunders produktdemo100 videoer60 sekunders forklaringsvideo40 videoer- 15 000 kreditter per måned
- Opptil 652 raske bilder
- Høyeste prioritet i køen
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
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.
Ofte stilte spørsmål om Procedural mountain sheds rain into streams and lakes
Hvordan Procedural mountain sheds rain into streams and lakes ble laget, hva prompten sier, og hvordan du lager en lignende Forklaring-video med Potto.
Hva er Procedural mountain sheds rain into streams and lakes?
Procedural mountain sheds rain into streams and lakes er en motion graphics-video i Forklaring av StephanFerraro. A procedural mountain scene where rain falls and flows into streams and lakes.
Hvordan ble Procedural mountain sheds rain into streams and lakes laget?
Procedural mountain sheds rain into streams and lakes ble laget med three.js, Shader og Physics. Den er en del av Forklaring-samlingen av AI motion graphics-videoer på Potto.
Er prompten for Procedural mountain sheds rain into streams and lakes tilgjengelig?
Ja. Hele prompten bak Procedural mountain sheds rain into streams and lakes ligger på denne siden. Kopier den, eller klikk Bruk denne prompten for å åpne den i arbeidsområdet til Potto.
Hvor lang er Procedural mountain sheds rain into streams and lakes, og hva er sideforholdet?
Procedural mountain sheds rain into streams and lakes varer 0:30 i et 16:9-format.
Kan jeg lage en Forklaring-video som Procedural mountain sheds rain into streams and lakes med Potto?
Ja. Klikk Bruk denne prompten for å laste prompten bak Procedural mountain sheds rain into streams and lakes inn i arbeidsområdet til Potto. Potto rendrer sin egen versjon, og du kan endre tekst og stil før du eksporterer.
Hvor kan jeg se originalen av Procedural mountain sheds rain into streams and lakes?
Procedural mountain sheds rain into streams and lakes ble først publisert av skaperen. Klikk Vis originalen for å åpne innlegget i en ny fane.
Hvor finner jeg flere Forklaring-videoer som Procedural mountain sheds rain into streams and lakes?
Se gjennom Forklaring-samlingen på Potto: 264 videoer, hver med prompt, spesifikasjoner og kilde.