Unityでステンシルを用いたアウトライン表現 - 太郎Work
最終的にこんな感じになります。 WebPlayer版 Windowsで見ると表示がおかしい可能性があります Stencil Test はじめに なぜ急にアウトラインかというときっかけは白猫プロジェクトでした。 遊んでいて真っ先に気になったのがタイトルにもあるキャラクターのアウトライン表現でした。 プレイ画面のキャプチャ この画像を見るとただのアウトラインではなく、非常に面白い表現になっていることがわかると思います。 キャラクター単体のアウトラインは一番外側のみで顔の輪郭等には発生しない。 別のキャラクターと重なった部分にアウトラインは発生しない ステージの裏側に行くとアウトラインの色で塗りつぶされる よくある手法なのかもしれませんが、非常に見やすくきれいな見た目だったので、自分なりにUnityを用いて作ってみました。 関係者ではないのでアプリではどのような実装がされているか分かりませんが、
wgld.org | WebGL: ステンシルバッファ |
描かない技術 前回は点のレンダリングを発展させたポイントスプライトについて解説しました。 ポイントスプライトを用いることで、負荷を抑えつつビルボード処理を行うことが可能になるのでしたね。また、ポイントスプライトを実装するにあたりフラグメントシェーダ内で利用できる discard というステートメントについても触れました。 さて、今回は WebGL におけるステンシルバッファの扱いについて解説します。ステンシルバッファを用いると、今まで以上に多彩な表現や特殊なテクニックを扱うことができるようになります。若干理解しにくい部分もあるかもしれませんが、これまで同様、落ち着いて考えればきっと理解できるはずです。がんばって取り組んでください。 それでは早速ステンシルバッファについて考えてみます。 ステンシル( stencil )は直訳すると[ 型紙 ]や[ 原紙 ]といった意味になる言葉で、3D プロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
