シェーディングモデル
表面化散乱
マウス操作: ドラッグで回転、
ホイールでズーム

Prompt: 肌の質感が表現できる方法としてサブサーフェーススキャタリング法を楕円体に適用するコードをhtmlとJavaScriptで書け。見る方向はマウスで制御

インタラクティブアーティファクト 肌の質感を表現するサブサーフェーススキャタリングを適用した楕円体を作成しました。 主な機能: サブサーフェーススキャタリング - 光が物体内部で散乱する効果を実装 マウス操作 - ドラッグで楕円体を回転、ホイールでズーム リアルタイム調整 - パラメータをスライダーで調整可能 技術的な実装: カスタムシェーダー - 頂点・フラグメントシェーダーでSSS効果を実装 光の透過 - 物体内部での光の散乱をシミュレート フレネル効果 - 視角による反射の変化を表現 厚み効果 - 物体の厚みによる光の減衰を近似 調整可能なパラメータ: Subsurface Strength - 散乱効果の強度 Scattering Distance - 散乱距離(光の拡散範囲) Light Intensity - ライトの強度 楕円体は肌色に設定されており、光が表面だけでなく内部でも散乱することで、本物の肌のような柔らかく温かい質感を表現しています。ライトも自動的に回転して、様々な角度からの照明効果を確認できます。

フォンの反射モデルとサブサーフェーススキャタリングの比較ができるように拡張しました! 新機能: シェーディングモデル切り替え Subsurface Scattering: 肌の質感を表現する高度なシェーディング Phong Model: 従来の標準的な反射モデル
それぞれ専用のコントロール Subsurface Scattering(SSS) Subsurface Strength: 皮下散乱の強度 Scattering Distance: 散乱距離
Phong Model Specular Power: 鏡面反射の鋭さ(1-128) Specular Strength: 鏡面反射の強度 Ambient Strength: 環境光の強度 比較のポイント: Phongモデル: 表面での反射のみを計算する従来手法。金属や硬い表面に適している SSSモデル: 光が物体内部に入り込んで散乱する効果を模擬。肌、ろう、大理石などの半透明な材質に適している
実際に切り替えてみると、SSSモデルでは肌のような柔らかく温かみのある質感が得られ、Phongモデルでは硬質でプラスチックのような質感になることが確認できます。特に光が斜めに当たる部分での違いが顕著に現れます。再試行TNサブサーフェーススキャタリングの時はハイライトが少ない方がいいのでスライダーで反射率を指定できるように、また暑さの効果を見るため楕円体はもっと薄くするかスライダーで指定できるように編集サブサーフェーススキャタリングの反射率制御と楕円体の厚み調整機能を追加します。Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン8 Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン9 Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン10 Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン11 Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン12 Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン13 Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン14 Subsurface Scattering Ellipsoidインタラクティブアーティファクト ∙ バージョン15 サブサーフェーススキャタリングの効果をより適切に表現できるように改良しました! 新しい機能:
SSS用の反射率制御 Specular Reflectance: 0-1の範囲でハイライトの強度を調整 肌などの材質では反射率が低い(0.1程度)ことが多く、これによりより自然な表現が可能
楕円体の厚み制御 Ellipsoid Thickness: 0.1-1.0の範囲で楕円体の厚みをリアルタイム調整 初期値を0.4(薄め)に設定して、SSS効果が見えやすく
改良されたSSS計算 背面からの光の透過効果を強化 エッジでの散乱効果を追加 より物理的に正確な厚み効果の計算
効果的な使い方: 厚み0.1-0.3: 耳たぶや唇のような薄い部分の質感 厚み0.4-0.6: 頬や手の甲のような中程度の厚さ 厚み0.7-1.0: より厚い部分での効果 反射率0.0-0.2: マットな肌質感 反射率0.3-0.5: 少し光沢のある肌 反射率0.6-1.0: より光沢のある表面
薄い楕円体にすることで、光が裏側から透けて見える効果がより顕著に現れ、サブサーフェーススキャタリングの特徴的な「内部からの発光」効果を観察しやすくなります。