mcpField
T
threejs-volumetric-clouds

threejs-volumetric-clouds

github.com/scottsttsクリエイティブ・メディア951104 回インストール1 週間前に更新
リポジトリ

threejs-volumetric-clouds について

Three.jsで天候に応じたボリューム雲を構築するためのスキルです。密度、範囲を限定したレイマーチング、ライティング、時間的再構成、雲の影を扱います。

主な機能

  1. 01天候に応じた密度場
  2. 02範囲を限定した雲のレイマーチング
  3. 03前方からのライティング積分
  4. 04低解像度の時間的再構成
  5. 05独立した雲影の描画

活用シーン

  1. 01天候に応じた雲層の実装
  2. 02雲の密度とライティングの監査
  3. 03雲の描画コストの削減
  4. 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.yaml
assets/weather-volume-clouds/
shape_detail.bin
THIRD_PARTY_LICENSES.md
assets/weather-volume-clouds/atmosphere/
irradiance.exr
transmittance.exr
examples/weather-volume-clouds/
cloud-effect.js
examples/weather-volume-clouds/source/atmosphere/
AerialPerspectiveEffect.ts
AtmosphereMaterialBase.ts
AtmosphereParameters.ts
blackBodyChromaticity.ts
celestialDirections.ts
constants.ts
getAltitudeCorrectionOffset.ts
getSunLightColor.ts
index.ts
IrradianceMaskPass.ts
PrecomputedTexturesLoader.ts
examples/weather-volume-clouds/source/atmosphere/helpers/
functions.ts
sampleTexture.ts
examples/weather-volume-clouds/source/atmosphere/shaders/
aerialPerspectiveEffect.frag
aerialPerspectiveEffect.vert
functions.glsl
index.ts
irradianceMask.frag
parameters.glsl
sky.frag
sky.glsl
sky.vert
stars.frag
stars.vert

詳細

ボリュメトリッククラウド

雲の品質を左右するのは密度の構成、ライティング、時間的な安定性であり、構造化されていないノイズのマーチステップ数を増やすことではありません。

このスキルには、説明的なガイダンスに加えて、模範的な例とアセットが含まれています。関連する場合は、十分に活用してください。参照したり、学習したり、コピーしたりする価値があります。内容を確認せずに飛ばさないでください。

システムの順序

  1. 雲のボリュームとレイヤーの境界を定義します。
  2. 天候、ベース形状、ディテール、乱流の各フィールドを生成するか、用意します。
  3. 高度と天候のプロファイルを用いて密度関数を構築します。
  4. 境界内の占有区間だけをレイマーチします。
  5. 手前から奥へ向かって、透過率とライティングを積分します。
  6. 低解像度の出力を時間方向に再構成します。
  7. 低コストの雲影ソリューションを別途投影します。

雲システムを実装または監査する前に、references/weather-volume-and-reconstruction.md をお読みください。

天候ボリュームの雲の例と、その source/ モジュールを参照してください。これらには、天候レイヤーの管理、球殻の境界、作成した形状とディテールのサンプリング、雲影マップ、時間方向のアップスケール、大気合成、パッケージが管理する診断機能が含まれています。

必須の制御項目

  • カバレッジ、雲種、降水量、アンビルバイアス。
  • 基底高度/頂部高度と垂直密度プロファイル。
  • 形状/ディテールのスケールと浸食。
  • 各フィールドの風。
  • プライマリーステップ数、ライトステップ数、空間スキップの方針。
  • 履歴の重みとディスオクルージョンのしきい値。
  • 雲影の範囲、解像度、更新レート。

失敗条件

  • 密度が fbm(position) だけで構成されている。
  • レイマーチがカメラの全範囲を走査する。
  • ディテールノイズが、形状化された雲の塊を浸食するのではなく、密度を加算する。
  • ディスオクルージョンをまたいで時間履歴を採用する。
  • 雲影にフル品質のレイマーチを使用する。
  • すべての雲レイヤーで同じ風と密度プロファイルを共有する。

適用範囲

天候密度を含まない分子/エアロゾル散乱には $threejs-atmosphere-aerial-perspective を使用してください。発光するオーロラのカーテンスラブや、速度、圧力、エミッター、衝突の各フィールドを持つ境界付きのインタラクティブなボクセル火炎/煙には $threejs-procedural-vfx を使用してください。このスキルの対象は、天候に基づいて形状化された雲のボリューム、再構成、雲のライティング、雲影です。

コメント