有没有一种方法可以在three.js中自定义纹理之间的转换

Is there a way to make a custom transition between textures in three.js

本文关键字:js three 自定义 纹理 转换 之间 一种 方法 有没有      更新时间:2023-09-26

我正在尝试使用opengl在three.js中制作一个模型查看器。我想做的一个功能是在运行时更改纹理。我已经做了。但这对我来说有点残酷,我想要更酷的东西。喜欢这个视频。我当然知道这是一种高级的东西,但我没有找到任何关于它的例子。一些提示?

您需要在两个纹理之间进行lerp(线性插值)。碎片着色器需要保持两个纹理,然后在加载第二个纹理(即要更改为的纹理)后触发lerping。然后使用类似col = fromTex.rgb * (1.0-t) + toTex.rgb * t的操作,并始终更改混合/lerping系数t,直到完全融入第二个质地。CCD_ 3可以作为随着时间从CCD_ 4缓慢变化的统一来发送。