标签:精通粒子特效

threejs

threejs 实现漫天飞舞的雪花

threejs 实现漫天飞舞的雪花
今天我们通过threejs来实现下雪的效果。上一节我们学习了threejs 应用顶点着色打造绚丽多彩的星空,所以我们在上一节的基础上来实现下雪的效果。 首先准备素材 我们可以在iconfont平台上来找一个雪花的图标。 字体图标 代码封装 我们将上一节星空的生成封装起来,用来创...

yekong 1年前 (2023-06-25) 喜欢

threejs

threejs 应用顶点着色打造绚丽多彩的星空

threejs 应用顶点着色打造绚丽多彩的星空
今天我们要实现造绚丽多彩的星空的效果,星空是由五颜六色的星星组成的,所以我们来创建星星。 随机生成点 首先使用 THREE.BufferGeometry 创建5000个随机点,使用Float32Array来生成缓冲区数组。 const particlesGeometry = ne...

yekong 1年前 (2023-06-25) 喜欢

js

threejs 点材质属性深度解析

threejs 点材质属性深度解析
上一节我们学习实践了threejs 旋转的粒子地球,这一节我们继续学习点材质的属性。 首先是基础代码流程,虽然之前写过了相关的流程,为了避免翻看上一节的代码,这里继续讲基础代码给列出来。 div 依然创建两个div,子div来渲染threejs场景 <template>...

yekong 1年前 (2023-06-16) 喜欢

threejs

threejs 旋转的粒子地球

threejs 旋转的粒子地球
数据可视化大屏项目开发中,会需要一些效果装饰,比如由一个个小圆点组成的旋转的球体。我们上一节学习了threejs 初识Points与点材质,那么我们就用points来做一个旋转的球体。 div 依然创建两个div,子div来渲染threejs场景 <template&g...

yekong 1年前 (2023-06-14) 喜欢

threejs

threejs 初识Points与点材质

threejs 初识Points与点材质
日常生活中,会有一些烟雾的效果,烟雾是固态的粒子组合到一块的效果。我们要实现粒子的效果,也可以使用threejs的points来实现。今天基于vue3环境使用threejs实现一个由粒子组成的球体。 由粒子组成的球 div 依然创建两个div,子div来渲染threejs场景 ...

yekong 1年前 (2023-06-14) 喜欢