
- 長さと比率
- 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.
似た動画をもっと見る
すべて見るプランを選ぶ
AI 動画と AI 画像で使える、一つのクレジット残高です。月額または年額で登録するか、クレジットパックを一度だけ購入できます。
2,000 クレジット
一回払い · サブスクなし
パックあたりの動画数
- 2,000 クレジットを一度だけ追加
- 高速生成は最大 86 枚
- Potto のウォーターマークを追加しません
- 動画と画像ツールで共有
5,000 クレジット
一回払い · サブスクなし
パックあたりの動画数
- 5,000 クレジットを一度だけ追加
- 高速生成は最大 217 枚
- Potto のウォーターマークを追加しません
- 動画と画像ツールで共有
15,000 クレジット
一回払い · サブスクなし
パックあたりの動画数
- 15,000 クレジットを一度だけ追加
- 高速生成は最大 652 枚
- Potto のウォーターマークを追加しません
- 動画と画像ツールで共有
Lite
Lite を選ぶ$20/月月額請求
月あたりの動画本数
30 秒の製品デモ動画13 本60 秒の解説動画5 本- 月 2,000 クレジット
- 高速生成は最大 86 枚
- 標準キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
Pro
Pro を選ぶ$50/月月額請求
月あたりの動画本数
30 秒の製品デモ動画33 本60 秒の解説動画13 本- 月 5,000 クレジット
- 高速生成は最大 217 枚
- 優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
- おすすめ
Max
Max を選ぶ$100/月月額請求
月あたりの動画本数
30 秒の製品デモ動画100 本60 秒の解説動画40 本- 月 15,000 クレジット
- 高速生成は最大 652 枚
- 最優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
Lite
-20%Lite を選ぶ$20$16/月年額請求 · $240 → $192/年
月あたりの動画本数
30 秒の製品デモ動画13 本60 秒の解説動画5 本- 月 2,000 クレジット
- 高速生成は最大 86 枚
- 標準キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
Pro
-20%Pro を選ぶ$50$40/月年額請求 · $600 → $480/年
月あたりの動画本数
30 秒の製品デモ動画33 本60 秒の解説動画13 本- 月 5,000 クレジット
- 高速生成は最大 217 枚
- 優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
- おすすめ
Max
-20%Max を選ぶ$100$80/月年額請求 · $1,200 → $960/年
月あたりの動画本数
30 秒の製品デモ動画100 本60 秒の解説動画40 本- 月 15,000 クレジット
- 高速生成は最大 652 枚
- 最優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
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 の 解説 に含まれる AI モーショングラフィックス動画です。
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 本あり、それぞれにプロンプト、仕様、出典が付いています。

