
- Lengte en verhouding
- 0:30
- 16:9
- Gemaakt met
- 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.
Meer video’s zoals deze
Alles bekijken

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


Kies je abonnement
Eén credittegoed voor AI-video’s en AI-afbeeldingen. Neem een maand- of jaarabonnement, of koop eenmalig een creditpakket.
2.000 credits
Eenmalig betalen · geen abonnement
Video’s per pakket
- 2.000 credits, eenmalig bijgeschreven
- Tot 86 snelle afbeeldingen
- Geen toegevoegd Potto-watermerk
- Gedeeld door video- en afbeeldingstools
5.000 credits
Eenmalig betalen · geen abonnement
Video’s per pakket
- 5.000 credits, eenmalig bijgeschreven
- Tot 217 snelle afbeeldingen
- Geen toegevoegd Potto-watermerk
- Gedeeld door video- en afbeeldingstools
15.000 credits
Eenmalig betalen · geen abonnement
Video’s per pakket
- 15.000 credits, eenmalig bijgeschreven
- Tot 652 snelle afbeeldingen
- Geen toegevoegd Potto-watermerk
- Gedeeld door video- en afbeeldingstools
Lite
Kies LiteUS$ 20/maandMaandelijks gefactureerd
Video’s per maand
Productdemovideo van 30 seconden13 video’sUitlegvideo van 60 seconden5 video’s- 2.000 credits per maand
- Tot 86 snelle afbeeldingen
- Wachtrij standaard
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
Pro
Kies ProUS$ 50/maandMaandelijks gefactureerd
Video’s per maand
Productdemovideo van 30 seconden33 video’sUitlegvideo van 60 seconden13 video’s- 5.000 credits per maand
- Tot 217 snelle afbeeldingen
- Voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
- Aanbevolen
Max
Kies MaxUS$ 100/maandMaandelijks gefactureerd
Video’s per maand
Productdemovideo van 30 seconden100 video’sUitlegvideo van 60 seconden40 video’s- 15.000 credits per maand
- Tot 652 snelle afbeeldingen
- Hoogste voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
Lite
-20%Kies LiteUS$ 20US$ 16/maandJaarlijks gefactureerd · US$ 240 → US$ 192/jaar
Video’s per maand
Productdemovideo van 30 seconden13 video’sUitlegvideo van 60 seconden5 video’s- 2.000 credits per maand
- Tot 86 snelle afbeeldingen
- Wachtrij standaard
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
Pro
-20%Kies ProUS$ 50US$ 40/maandJaarlijks gefactureerd · US$ 600 → US$ 480/jaar
Video’s per maand
Productdemovideo van 30 seconden33 video’sUitlegvideo van 60 seconden13 video’s- 5.000 credits per maand
- Tot 217 snelle afbeeldingen
- Voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
- Aanbevolen
Max
-20%Kies MaxUS$ 100US$ 80/maandJaarlijks gefactureerd · US$ 1.200 → US$ 960/jaar
Video’s per maand
Productdemovideo van 30 seconden100 video’sUitlegvideo van 60 seconden40 video’s- 15.000 credits per maand
- Tot 652 snelle afbeeldingen
- Hoogste voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
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.
Veelgestelde vragen over Procedural mountain sheds rain into streams and lakes
Hoe Procedural mountain sheds rain into streams and lakes is gemaakt, wat de prompt zegt en hoe je met Potto een vergelijkbare Uitlegvideo-video maakt.
Wat is Procedural mountain sheds rain into streams and lakes?
Procedural mountain sheds rain into streams and lakes is een motion-graphicsvideo in Uitlegvideo van StephanFerraro. A procedural mountain scene where rain falls and flows into streams and lakes.
Hoe is Procedural mountain sheds rain into streams and lakes gemaakt?
Procedural mountain sheds rain into streams and lakes is gemaakt met three.js, Shader en Physics. Het hoort bij de Uitlegvideo-collectie AI motion graphics-video’s op Potto.
Is de prompt voor Procedural mountain sheds rain into streams and lakes beschikbaar?
Ja. De volledige prompt achter Procedural mountain sheds rain into streams and lakes staat op deze pagina. Kopieer die, of klik op Deze prompt gebruiken om hem in de werkruimte van Potto te openen.
Hoe lang is Procedural mountain sheds rain into streams and lakes, en wat is de beeldverhouding?
Procedural mountain sheds rain into streams and lakes duurt 0:30 in een 16:9-kader.
Kan ik met Potto een Uitlegvideo-video maken zoals Procedural mountain sheds rain into streams and lakes?
Ja. Klik op Deze prompt gebruiken om de prompt achter Procedural mountain sheds rain into streams and lakes in de werkruimte van Potto te laden. Potto rendert een eigen versie, en je kunt tekst en stijl wijzigen voordat je exporteert.
Waar kan ik het origineel van Procedural mountain sheds rain into streams and lakes bekijken?
Procedural mountain sheds rain into streams and lakes is eerst geplaatst door de maker. Klik op Origineel bekijken om die post in een nieuw tabblad te openen.
Waar vind ik meer Uitlegvideo-video’s zoals Procedural mountain sheds rain into streams and lakes?
Bekijk de Uitlegvideo-collectie op Potto: 264 video’s, elk met prompt, specificaties en bron.