ソース
ライブ
WGSL fragment shader
1
0 characters入力中に自動コンパイル
GPUを確認中…
シーンをリセット
プロシージャル 2.5D 天気
レイヤーで雰囲気を構築する。
シネマティックな天気シーンを通して両方のレンダラーを試し、プロシージャルなディテール、奥行き、動きを表現します。
—FPS
0フレーム
WGSL
GLSL
ショーケースシーン
両方を比較
コードをコピー
Ⅱ 一時停止
出力
ライブシェーダープレビュー
⛶ 全画面表示
Ready
WGSL · WebGPU
GLSL · WebGL2
!シェーダーの修正が必要です以下のコンパイラの詳細を確認してください。
いずれかのプレビューにポインターを合わせてください
コンパイラの詳細×
Preparing renderer…1920 × 1080 仮想キャンバス
リファレンスソース
HLSLをコピー
HLSLシェーダー
同じプロシージャル基盤DirectXリファレンス
⌁
天気と表面のテンプレート
13種類の気象シーンに加え、氷、芝生、石、小麦粉の詳細なクローズアップをご覧ください。
◌
雰囲気が変化します
時間、解像度、マウス、フレームを使用して各シェーダーをアニメーション化します。
↗
レンダラーを比較する
深度、動き、照明、素材を比較しながら、WGSLとGLSLを同時に表示します。