--- title: "Procedural mountain sheds rain into streams and lakes" description: "A procedural mountain scene where rain falls and flows into streams and lakes." canonical: "https://potto.ai/ur/videos/procedural-mountain-sheds-rain-into-streams-and-lakes" language: "ur" datePublished: "2026-09-24" --- # Procedural mountain sheds rain into streams and lakes A procedural mountain scene where rain falls and flows into streams and lakes. A procedural mountain landscape rendered in three.js, with shader work and physics driving the rain and water. Rain falls across the terrain and drains into streams and lakes. The explainer runs about 30 seconds. - [ایکسپلینر](https://potto.ai/ur/videos/explainer.md) - از StephanFerraro - لمبائی اور تناسب: 0:30 · 16:9 - اس سے بنا: three.js, Shader, Physics - شائع 24 ستمبر، 2026 - اصل دیکھیں: https://x.com/StephanFerraro/status/2103020274107224281 ## پرومپٹ ```text Your working directory for this task is `` — 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. ``` ## Procedural mountain sheds rain into streams and lakes کے اکثر پوچھے گئے سوالات Procedural mountain sheds rain into streams and lakes کیسے بنا، اس کا پرامپٹ کیا کہتا ہے، اور Potto سے ایسی ہی ایکسپلینر ویڈیو کیسے بنائیں۔ ### Procedural mountain sheds rain into streams and lakes کیا ہے؟ Procedural mountain sheds rain into streams and lakes زمرہ ایکسپلینر کی ایک موشن گرافکس ویڈیو ہے، StephanFerraro کی بنائی ہوئی۔ A procedural mountain scene where rain falls and flows into streams and lakes. ### Procedural mountain sheds rain into streams and lakes کیسے بنا؟ Procedural mountain sheds rain into streams and lakes three.js، Shader، اور Physics سے بنا ہے۔ یہ Potto پر ایکسپلینر کی اے آئی موشن گرافکس ویڈیوز کے مجموعے کا حصہ ہے۔ ### کیا Procedural mountain sheds rain into streams and lakes کا پرومپٹ دستیاب ہے؟ ہاں۔ Procedural mountain sheds rain into streams and lakes کا پورا پرومپٹ اسی صفحے پر ہے۔ اسے کاپی کریں، یا یہ پرومپٹ استعمال کریں پر کلک کر کے Potto کے ورک اسپیس میں کھولیں۔ ### Procedural mountain sheds rain into streams and lakes کتنی لمبی ہے، اور اس کا تناسب کیا ہے؟ Procedural mountain sheds rain into streams and lakes کی مدت 0:30 ہے، فریم 16:9۔ ### کیا میں Potto سے Procedural mountain sheds rain into streams and lakes جیسی ایکسپلینر ویڈیو بنا سکتا ہوں؟ ہاں۔ یہ پرومپٹ استعمال کریں پر کلک کریں تاکہ Procedural mountain sheds rain into streams and lakes کا پرومپٹ Potto کے ورک اسپیس میں لوڈ ہو۔ Potto اپنا ورژن رینڈر کرتا ہے، اور ایکسپورٹ سے پہلے متن اور انداز بدل سکتے ہیں۔ ### Procedural mountain sheds rain into streams and lakes کی اصل کہاں دیکھوں؟ Procedural mountain sheds rain into streams and lakes پہلے اس کے تخلیق کار نے پوسٹ کیا۔ اصل دیکھیں پر کلک کریں تاکہ وہ پوسٹ نئے ٹیب میں کھلے۔ ### Procedural mountain sheds rain into streams and lakes جیسی مزید ایکسپلینر ویڈیوز کہاں ملیں گی؟ Potto پر ایکسپلینر کا مجموعہ دیکھیں: 264 ویڈیوز، ہر ایک کے ساتھ پرومپٹ، تفصیل اور ماخذ۔