
- المدة والنسبة
- 0:30
- 16:9
- صُنع باستخدام
- three.js
- Shader
- Physics
الوصف
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.
المزيد من الفيديوهات المشابهة
عرض الكل

فيديو توضيحي
Raptor 3 engine cutaway tracing its turbopumps
three.js, Shader · 16:9 · 0:35
بواسطة konstantinsaifo


اختر باقتك
رصيد واحد لفيديوهات الذكاء الاصطناعي وصور الذكاء الاصطناعي. اشترك شهريًا أو سنويًا، أو اشترِ حزمة رصيد مرة واحدة.
2,000 رصيد
ادفع مرة واحدة · بلا اشتراك
الفيديوهات لكل حزمة
- 2,000 من الرصيد، تُضاف مرة واحدة
- حتى 86 صورة سريعة
- بلا علامة مائية من Potto مضافة
- مشتركة بين أدوات الفيديو والصور
5,000 رصيد
ادفع مرة واحدة · بلا اشتراك
الفيديوهات لكل حزمة
- 5,000 من الرصيد، تُضاف مرة واحدة
- حتى 217 صورة سريعة
- بلا علامة مائية من Potto مضافة
- مشتركة بين أدوات الفيديو والصور
15,000 رصيد
ادفع مرة واحدة · بلا اشتراك
الفيديوهات لكل حزمة
- 15,000 من الرصيد، تُضاف مرة واحدة
- حتى 652 صورة سريعة
- بلا علامة مائية من Potto مضافة
- مشتركة بين أدوات الفيديو والصور
Lite
اختر Lite20 US$/ شهريًاتُفوتر شهريًا
الفيديوهات شهريًا
فيديو عرض منتج مدته 30 ثانية13 فيديوفيديو توضيحي مدته 60 ثانية5 فيديوهات- 2,000 رصيد شهريًا
- حتى 86 صورة سريعة
- قائمة انتظار عادية
- بلا علامة مائية من Potto مضافة
- معالجة جماعية بأدوات الذكاء الاصطناعي
- غير مُدرَج في المعارض العامة
Pro
اختر Pro50 US$/ شهريًاتُفوتر شهريًا
الفيديوهات شهريًا
فيديو عرض منتج مدته 30 ثانية33 فيديوفيديو توضيحي مدته 60 ثانية13 فيديو- 5,000 رصيد شهريًا
- حتى 217 صورة سريعة
- قائمة انتظار ذات أولوية
- بلا علامة مائية من Potto مضافة
- معالجة جماعية بأدوات الذكاء الاصطناعي
- غير مُدرَج في المعارض العامة
- موصى بها
Max
اختر Max100 US$/ شهريًاتُفوتر شهريًا
الفيديوهات شهريًا
فيديو عرض منتج مدته 30 ثانية100 فيديوفيديو توضيحي مدته 60 ثانية40 فيديو- 15,000 رصيد شهريًا
- حتى 652 صورة سريعة
- قائمة انتظار بأعلى أولوية
- بلا علامة مائية من Potto مضافة
- معالجة جماعية بأدوات الذكاء الاصطناعي
- غير مُدرَج في المعارض العامة
Lite
-20%اختر Lite20 US$16 US$/ شهريًاتُفوتر سنويًا · 240 US$ ← 192 US$ / سنويًا
الفيديوهات شهريًا
فيديو عرض منتج مدته 30 ثانية13 فيديوفيديو توضيحي مدته 60 ثانية5 فيديوهات- 2,000 رصيد شهريًا
- حتى 86 صورة سريعة
- قائمة انتظار عادية
- بلا علامة مائية من Potto مضافة
- معالجة جماعية بأدوات الذكاء الاصطناعي
- غير مُدرَج في المعارض العامة
Pro
-20%اختر Pro50 US$40 US$/ شهريًاتُفوتر سنويًا · 600 US$ ← 480 US$ / سنويًا
الفيديوهات شهريًا
فيديو عرض منتج مدته 30 ثانية33 فيديوفيديو توضيحي مدته 60 ثانية13 فيديو- 5,000 رصيد شهريًا
- حتى 217 صورة سريعة
- قائمة انتظار ذات أولوية
- بلا علامة مائية من Potto مضافة
- معالجة جماعية بأدوات الذكاء الاصطناعي
- غير مُدرَج في المعارض العامة
- موصى بها
Max
-20%اختر Max100 US$80 US$/ شهريًاتُفوتر سنويًا · 1,200 US$ ← 960 US$ / سنويًا
الفيديوهات شهريًا
فيديو عرض منتج مدته 30 ثانية100 فيديوفيديو توضيحي مدته 60 ثانية40 فيديو- 15,000 رصيد شهريًا
- حتى 652 صورة سريعة
- قائمة انتظار بأعلى أولوية
- بلا علامة مائية من Potto مضافة
- معالجة جماعية بأدوات الذكاء الاصطناعي
- غير مُدرَج في المعارض العامة
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
كيف صُنع 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.
هل أستطيع صنع فيديو فيديو توضيحي مثل Procedural mountain sheds rain into streams and lakes باستخدام Potto؟
نعم. انقر استخدم هذا الوصف لتحميل الوصف وراء 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 فيديوًا، ولكل منها الوصف والمواصفات والمصدر.