vue+ThreeJs 创建过渡圆圈效果

        嗨，我是小路。今天主要和大家分享的主题是“vue+ThreeJs 创建过渡圆圈效果”。        

今天在做着色器过渡效果练习，发现出现了很多新的函数，这些都超出了js之外，需要更多的掌握和学习。以下是自己的复盘和梳理。

1.获取距离

定义：distance获取两个点之间的距离

2.平滑过渡

定义：smoothstep函数是用来平滑插值的函数。在HLSL或者其他着色语言中，smoothstep可能用于生成平滑的过渡效果，比如在边缘模糊或者渐变时使用。

3.计算模型长度

定义：length 函数用于计算向量的欧几里得长度（模长）。

二、实例代码

三、总结

       在学习中，重新复盘了着色器的知识点，并寻找更好掌握着色器的方法，同时了解到了glsl编程中的动态过渡、获取模型长度、计算两个元素之间距离的方法。

都看到这里了，记得【点赞】+【关注】哟。

参考文章：

Threejs实现极坐标和平滑过渡特效