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