ikeryou https://blog.hatena.ne.jp/ikeryou/ devdev Inc. / works https://ikeryou.hatenablog.com/ プログラミング three.jsでディスプレイスメントマップフィルタ実装したデモ作ったら思った以上に使えそうなのでメモ&共有。 (自信ないけどディスプレイスメントマップフィルタってこうことやってると思う。たぶん、、)ikeryou.github.ioまず、planeなmeshを敷き詰めたsceneをオフスクリーンレンダリングしたものを、フィルタ効果用のマスクテクスチャとして使用(デモのshowMaskをONにしたときの画面がその効果用テクスチャ)↓ そして、このテクスチャマスクをずらしたい絵↓にかぶせる(実際にかぶせるわけじゃなくてイメージ) マスクテクスチャの赤(R)をx軸のずらす量、緑(G)をy軸のずらす… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fikeryou.hatenablog.com%2Fentry%2F2017%2F05%2F19%2F172610" title="テクスチャ使ったディスプレイスメントマップフィルタ - devdev Inc. / works" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/i/ikeryou/20170519/20170519171049.jpg Hatena Blog https://hatena.blog 2017-05-19 17:26:10 rich https://ikeryou.hatenablog.com/entry/2017/05/19/172610 1.0 100%