作者通过一个Dou音视频分享了如何使用Three.js进行按钮UI设计，包括模型布局、动画制作和月亮变太阳的特殊效果，其中涉及three-bvh-csg组件。C4D建模用于创建星星和云，而其他光效和背景则利用了Three.js内置方法。代码已转换为原生版本，提供免费下载，但需注意网络连接和浏览器兼容性问题。作者鼓励有问题的读者在评论区留言或通过Dou音私信交流。
按钮UI设计是出自Dou音用户“Cc | 且曼”发的一个视频。
我用代码做的实现，并回复在他的视频评论下。（我回复的那个评论好像被删了。。。）
先看下大概的效果：
最终实现效果视频可以看我Dou音，DY号：G_console
代码我已经改成原生版本了，方便不会React的小伙伴食用，免费下载，压缩包解压后直接打开html文件就能玩了。
实现思路其实没啥好讲的，就是利用threejs把这些模型先摆好位置，然后用Tween制作动画，然后月亮变太阳的效果用到了three-bvh-csg这个组件，相当于模型布尔。
星星、云是我用C4D建模后导出的obj+mtl（我正好会点C4D，哈哈）
别的光效、背景啥的都是threejs的方法，可以对照着看下官方文档。
使用注意：我引入的CDN，所以首先要保证你有网，然后别用老掉牙的浏览器。如果资源包加载失败，可能是CDN不稳定，懂代码的可以自行调整。
有啥问题发评论，或者Dou音私我 。
1584
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
