私はthree.jsでモデルビューアをopenglで作成しようとしています。 そして、私が作りたい機能の1つは、実行時にテクスチャを変更することです。 私はすでにそれをしました。しかし、それは私には少し残酷に思える、私はもっとクールなものが欲しかった。このようにvideo。 もちろん、それは高度なものだと私は知っていますが、私はそれについての例は見つかりませんでした。 いくつかのヒント?three.jsのテクスチャ間でカスタムトランジションを行う方法はありますか
3
A
答えて
2
だと思います。フラグメントシェーダは、両方のテクスチャを保持してから、変更したいテクスチャを読み込んだ後、トリガをトリガする必要があります。 col = fromTex.rgb * (1.0-t) + toTex.rgb * t
のような操作を使用して、ブレンド/ lerping係数t
を2番目のテクスチャに完全にブレンドするまで変更してください。 t
は、時間の経過とともに徐々に0.0->1.0
から変更される統一として送信することができます。
+0
それです!うまくいった。 –
+0
また、フラグメントシェーダーで 'mix'関数を使うこともできます。さらに簡単です。 – taseenb
-1
関連する問題
- 1. three.jsテクスチャが間違った方法で表示される球
- 2. Three.jsテクスチャにはフォグがあり、ズームアウト時にオーバーラップします
- 3. Three.jsテクスチャ
- 4. three.js色のテクスチャ
- 5. three.js:作るテクスチャ現在three.jsで3つのラッピングモードがある
- 6. Three.jsシェーダの素材テクスチャを取得する方法は?
- 7. Three.js MeshPhongMaterialテクスチャ
- 8. jSONオブジェクトのthree.jsテクスチャ
- 9. Three.jsでカメラをテクスチャ画像として使用する方法
- 10. OpenGLでキューブマップのテクスチャを指定する方法はありますか?
- 11. OpenGLでテクスチャの移動を無効にする方法はありますか?
- 12. Three.jsでFramebufferオブジェクト(FBO)を処理する方法はありますか?
- 13. このテクスチャはありますか?
- 14. IdentityServerでダイナミッククライアント登録を行う方法はありますか?
- 15. コンポジットでホットリロードを行う方法はありますか?
- 16. テキストエディタでこれを行う方法はありますか?
- 17. cuBLASで "saypx"を行う方法はありますか?
- 18. Apacheでリアルタイムにスタックトレースを行う方法はありますか?
- 19. これをPythonで行う方法はありますか?
- 20. Visual StudioでScalaプログラミングを行う方法はありますか?
- 21. Groovyの方法で値のマッチングを行う方法はありますか?
- 22. three.js - 3Dスタジオからファイルをインポートする方法はありますか?
- 23. テクスチャを更新する適切な方法(THREE.JS)
- 24. Three.js JSONオブジェクトファイルに画像とテクスチャを追加する方法
- 25. sampler2Dテクスチャのアルファチャンネルの色を設定する方法はありますか?
- 26. THREE.TextureLoaderを使用してThree.jsテクスチャを繰り返します。
- 27. THREE.js - three.js機能のサブセットを簡単に構築する方法はありますか?
- 28. テクスチャをthree.jsに再配置
- 29. Three.jsテクスチャ画像の更新
- 30. Three.jsがテクスチャにレンダリングされます
私はあなたがカスタムShaderMaterialを必要とすると思います – 2pha