2016-04-29 9 views
3

私はthree.jsでモデルビューアをopenglで作成しようとしています。 そして、私が作りたい機能の1つは、実行時にテクスチャを変更することです。 私はすでにそれをしました。しかし、それは私には少し残酷に思える、私はもっとクールなものが欲しかった。このようにvideo。 もちろん、それは高度なものだと私は知っていますが、私はそれについての例は見つかりませんでした。 いくつかのヒント?three.jsのテクスチャ間でカスタムトランジションを行う方法はありますか

+0

私はあなたがカスタムShaderMaterialを必要とすると思います – 2pha

答えて

2

だと思います。フラグメントシェーダは、両方のテクスチャを保持してから、変更したいテクスチャを読み込んだ後、トリガをトリガする必要があります。 col = fromTex.rgb * (1.0-t) + toTex.rgb * tのような操作を使用して、ブレンド/ lerping係数tを2番目のテクスチャに完全にブレンドするまで変更してください。 tは、時間の経過とともに徐々に0.0->1.0から変更される統一として送信することができます。

+0

それです!うまくいった。 –

+0

また、フラグメントシェーダーで 'mix'関数を使うこともできます。さらに簡単です。 – taseenb

-1

私は、あなたが探していることはあなたが2つのテクスチャ間(直線補間)lerpする必要がthis またはthis

関連する問題