← 技術プロジェクトに戻る

スタイライズド・ファイアボールシェーダー

WebGL によるリアルタイムプロシージャル火球エフェクト

日付 2024年12月
タグ
webglglsltypescript

概要

WebGL/GLSL で構築したリアルタイムプロシージャル火球シェーダー。多層ノイズ関数、ディストーションフィールド、カスタムカラーランプを組み合わせ、GPU 上で完全にリアルタイム動作するスタイライズドな炎エフェクトを実現。

技術詳細

複数オクターブの 3D Simplex ノイズとドメインワーピングを組み合わせ、乱流のような炎の動きを生成。カラーは手動でチューニングしたグラデーションによってマッピングされ、深い赤のコアからオレンジを経て明るい黄色の先端へと遷移する。