让AI写了个仿爆炸效果

106 阅读1分钟

基于上家公司提出的需求:想在地图上加载爆炸效果的模型。当时我试着用blender跟着b站up主Ay夏于,实现了建筑物的爆炸动画。加载到three.js后效果不理想。主要是卡在,blender实现的爆炸效果,是利用体积,但是我不知道这玩意怎么最终导出到.glb文件中并利用three.js加载出来。实际效果只有建筑物在爆炸,形成碎片。

理想中:

动画.gif 实际上:

动画2.gif

先mark一下,希望念念不忘,必有回响。希望有一天能在网页中实现我理想中的类似效果吧 虽然ai给我的答案不完美,还有报错,但我觉得它还是挺厉害的。

感觉是实现了简单的粒子效果,刚运行的时候还有报错,好在最后在大佬古柳的文章中找到了答案。主要是由于shader语法相关的。

效果如下:

完整代码如下: