Threejs漫天多彩粒子天空--粒子系统打造
2023-12-16 20:29:52
一、导语
漫天多彩粒子天空特效应该也是Threejs项目中挺常见的一个需求,因为它是基于粒子系统,可以衍生出许多的不一样的方案,比如,星空特效,下雨特效,飘雪特效等等,不仅可以用在项目中增加氛围,有时候可以结合gis业务去使用
二、分析
- 利用Points粒子特效去实现多个物体的生成
- 使用贴图去给粒子换皮
- 在动画函数去执行上升粒子动画
- 判断场景边界,用于粒子的回收以及重新构造新粒子
三、上基础代码
for (let i = 0; i < 1000; i++) {
const x = 200 * Math.random() - 100
const y = 100 * Math.random() - 50
const z = 200 * Math.random() - 100
const position = new THREE.Vector3(x, y, z)
this.vertices.push(position)
}
this.colorGeometry.setFromPoints(this.vertices)
this.colorMaterial = new THREE.PointsMaterial({
size: 3,
map: sprite,
transparent: true
})
四、动画粒子上升效果,以及边界判断回收粒子和构造粒子
具体动态效果实现可以关注课程ThreejsWeb3D开发之可视化大数据地图,更多特效尽在里面,限时折扣哦
文章来源:https://blog.csdn.net/luoawai/article/details/135036940
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!