按钮UI设计是出自Dou音用户“Cc | 且曼”发的一个视频。
我用代码做的实现,并回复在他的视频评论下。(我回复的那个评论好像被删了。。。)
先看下大概的效果:
最终实现效果视频可以看我Dou音,DY号:G_console
代码我已经改成原生版本了,方便不会React的小伙伴食用,免费下载,压缩包解压后直接打开html文件就能玩了。
实现思路其实没啥好讲的,就是利用threejs把这些模型先摆好位置,然后用Tween制作动画,然后月亮变太阳的效果用到了three-bvh-csg这个组件,相当于模型布尔。
星星、云是我用C4D建模后导出的obj+mtl(我正好会点C4D,哈哈)
别的光效、背景啥的都是threejs的方法,可以对照着看下官方文档。
使用注意:我引入的CDN,所以首先要保证你有网,然后别用老掉牙的浏览器。如果资源包加载失败,可能是CDN不稳定,懂代码的可以自行调整。
有啥问题发评论,或者Dou音私我 。