takumifukasawa’s blog

WebGL, Shader, Unity, UE4

Shader

【Unity】Screen Space Ambient Occlusion のカスタムポストプロセスの実装

デモのgitはこちらです。 github.com 環境はこちらです。 Unity 2021.3.26f built-in pipeline 色も調整できるようにしてみています。 現実とリアルタイムグラフィクスの壁 Ambient Occlusion は直訳すると「環境遮蔽」です。 室内に目を向けると、天井と壁…

【three.js】ビルボードシェーダー

最終的なデモはこちらです。ビルボードの板ポリのパーティクルを生成しています。 See the Pen 【Threejs】Billboard Shader: Particles by takumifukasawa (@takumifukasawa) on CodePen. ビルボードとは いつ使うか three.jsでビルボード 考え方・実装方法…

【three.js】背面カリングを用いたアウトライン表現

リアルタイムレンダリングにおいてアウトラインを生成する方法はいくつかあります。 背面カリングを利用した方法や、ポストプロセスによる生成が主かと思います。 今回は前者の、背面カリングを使ったアウトライン表現を行ってみたいと思います。 デモ 手法…

【SparkAR】リムライト風シェーダー

SparkARは、簡単なシェーディングであればパッチエディターでノードを組み合わせることで実現できるのですが、それだけでは難しい表現の場合はJSでスクリプトを書く必要があります。 なぜスクリプトかと言うと、SparkARではシェーダーを直接書くことができず…