今天我们通过threejs来实现下雪的效果。上一节我们学习了threejs 应用顶点着色打造绚丽多彩的星空，所以我们在上一节的基础上来实现下雪的效果。
首先准备素材
我们可以在iconfont平台上来找一个雪花的图标。
字体图标
代码封装
我们将上一节星空的生成封装起来，用来创...
yekong
1年前 (2023-06-25) 736℃
0喜欢
今天我们要实现造绚丽多彩的星空的效果，星空是由五颜六色的星星组成的，所以我们来创建星星。
随机生成点
首先使用 THREE.BufferGeometry 创建5000个随机点，使用Float32Array来生成缓冲区数组。
const particlesGeometry = ne...
yekong
1年前 (2023-06-25) 506℃
0喜欢
上一节我们学习实践了threejs 旋转的粒子地球,这一节我们继续学习点材质的属性。
首先是基础代码流程，虽然之前写过了相关的流程，为了避免翻看上一节的代码，这里继续讲基础代码给列出来。
div
依然创建两个div，子div来渲染threejs场景
<template>...
yekong
1年前 (2023-06-16) 785℃
0喜欢
数据可视化大屏项目开发中，会需要一些效果装饰，比如由一个个小圆点组成的旋转的球体。我们上一节学习了threejs 初识Points与点材质，那么我们就用points来做一个旋转的球体。
div
依然创建两个div，子div来渲染threejs场景
<template&g...
yekong
1年前 (2023-06-14) 618℃
0喜欢
日常生活中，会有一些烟雾的效果，烟雾是固态的粒子组合到一块的效果。我们要实现粒子的效果，也可以使用threejs的points来实现。今天基于vue3环境使用threejs实现一个由粒子组成的球体。
由粒子组成的球
div
依然创建两个div，子div来渲染threejs场景
...
yekong
1年前 (2023-06-14) 504℃
0喜欢
