threejs-volumetric-clouds について
Three.jsで天候に応じたボリューム雲を構築するためのスキルです。密度、範囲を限定したレイマーチング、ライティング、時間的再構成、雲の影を扱います。
主な機能
- 01天候に応じた密度場
- 02範囲を限定した雲のレイマーチング
- 03前方からのライティング積分
- 04低解像度の時間的再構成
- 05独立した雲影の描画
活用シーン
- 01天候に応じた雲層の実装
- 02雲の密度とライティングの監査
- 03雲の描画コストの削減
- 04時間的な遮蔽変化への対応
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ scottstts/ threejs-awesome-graphics-agent-skills --skill threejs-volumetric-cloudsインストール後、Claude Code で/threejs-volumetric-cloudsを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
agents/openai.yamlassets/weather-volume-clouds/shape_detail.binTHIRD_PARTY_LICENSES.mdassets/weather-volume-clouds/atmosphere/irradiance.exrtransmittance.exrexamples/weather-volume-clouds/cloud-effect.jsexamples/weather-volume-clouds/source/atmosphere/AerialPerspectiveEffect.tsAtmosphereMaterialBase.tsAtmosphereParameters.tsblackBodyChromaticity.tscelestialDirections.tsconstants.tsgetAltitudeCorrectionOffset.tsgetSunLightColor.tsindex.tsIrradianceMaskPass.tsPrecomputedTexturesLoader.tsexamples/weather-volume-clouds/source/atmosphere/helpers/functions.tssampleTexture.tsexamples/weather-volume-clouds/source/atmosphere/shaders/aerialPerspectiveEffect.fragaerialPerspectiveEffect.vertfunctions.glslindex.tsirradianceMask.fragparameters.glslsky.fragsky.glslsky.vertstars.fragstars.vert詳細
ボリュメトリッククラウド
雲の品質を左右するのは密度の構成、ライティング、時間的な安定性であり、構造化されていないノイズのマーチステップ数を増やすことではありません。
このスキルには、説明的なガイダンスに加えて、模範的な例とアセットが含まれています。関連する場合は、十分に活用してください。参照したり、学習したり、コピーしたりする価値があります。内容を確認せずに飛ばさないでください。
システムの順序
- 雲のボリュームとレイヤーの境界を定義します。
- 天候、ベース形状、ディテール、乱流の各フィールドを生成するか、用意します。
- 高度と天候のプロファイルを用いて密度関数を構築します。
- 境界内の占有区間だけをレイマーチします。
- 手前から奥へ向かって、透過率とライティングを積分します。
- 低解像度の出力を時間方向に再構成します。
- 低コストの雲影ソリューションを別途投影します。
雲システムを実装または監査する前に、references/weather-volume-and-reconstruction.md をお読みください。
天候ボリュームの雲の例と、その source/ モジュールを参照してください。これらには、天候レイヤーの管理、球殻の境界、作成した形状とディテールのサンプリング、雲影マップ、時間方向のアップスケール、大気合成、パッケージが管理する診断機能が含まれています。
必須の制御項目
- カバレッジ、雲種、降水量、アンビルバイアス。
- 基底高度/頂部高度と垂直密度プロファイル。
- 形状/ディテールのスケールと浸食。
- 各フィールドの風。
- プライマリーステップ数、ライトステップ数、空間スキップの方針。
- 履歴の重みとディスオクルージョンのしきい値。
- 雲影の範囲、解像度、更新レート。
失敗条件
- 密度が
fbm(position)だけで構成されている。 - レイマーチがカメラの全範囲を走査する。
- ディテールノイズが、形状化された雲の塊を浸食するのではなく、密度を加算する。
- ディスオクルージョンをまたいで時間履歴を採用する。
- 雲影にフル品質のレイマーチを使用する。
- すべての雲レイヤーで同じ風と密度プロファイルを共有する。
適用範囲
天候密度を含まない分子/エアロゾル散乱には $threejs-atmosphere-aerial-perspective を使用してください。発光するオーロラのカーテンスラブや、速度、圧力、エミッター、衝突の各フィールドを持つ境界付きのインタラクティブなボクセル火炎/煙には $threejs-procedural-vfx を使用してください。このスキルの対象は、天候に基づいて形状化された雲のボリューム、再構成、雲のライティング、雲影です。