粒子系统与特效实战
📘 30章
Three.js
01
粒子系统基础
什么是粒子系统
应用场景
Three.js 概述
02
第一个粒子系统
创建 Points
PointsMaterial
大小与颜色
03
粒子纹理
加载纹理贴图
圆形渐变纹理
自定义纹理
04
粒子动画基础
更新位置
requestAnimationFrame
运动轨迹
05
粒子属性
position 详解
color 详解
size 详解
06
粒子缓冲区
BufferGeometry
Float32Array
性能优化基础
07
粒子颜色渐变
单色渐变
多色混合
根据位置改变颜色
08
粒子大小变化
统一大小
随机大小
根据距离调整
09
粒子形状
球形分布
立方体分布
环形分布
自定义形状
10
粒子运动
直线运动
圆周运动
螺旋运动
随机运动
11
粒子生命周期
出生
成长
衰老
消亡
循环再生
12
粒子发射器
单次发射
持续发射
爆发发射
发射速率控制
13
粒子力场
重力场
风力场
涡流场
组合力场
14
粒子碰撞
与边界碰撞
粒子间碰撞
与物体碰撞
15
粒子拖尾效果
拖尾原理
拖尾实现
参数调优
16
粒子连接线
基于距离连接
基于阈值连接
动态连接线
17
粒子星空背景
随机星空
旋转星空
闪烁星星
流星效果
18
粒子火焰效果
火焰粒子系统
颜色渐变
动态纹理
参数调优
19
粒子烟雾效果
烟雾粒子系统
扩散效果
透明度变化
消散效果
20
粒子雨雪效果
雨滴粒子
雪花粒子
风向影响
地面堆积
21
粒子爆炸效果
爆炸粒子系统
碎片飞散
冲击波
颜色变化
22
粒子银河效果
螺旋星系
椭圆星系
不规则星系
颜色分布
23
粒子光晕效果
光晕纹理
辉光效果
动态光晕
参数控制
24
粒子文字效果
文字点阵生成
粒子文字动画
文字消散效果
25
粒子交互
鼠标悬停效果
点击爆炸
拖拽粒子
力场交互
26
粒子性能优化
合并粒子
LOD技术
视锥裁剪
GPU加速
27
粒子与后期处理
Bloom效果
抗锯齿
景深效果
色彩校正
28
粒子与着色器
自定义着色器
顶点着色器
片元着色器
GLSL基础
29
粒子系统框架
封装粒子类
事件系统
状态管理
扩展接口
30
综合项目
星际穿越粒子动画
交互式粒子画廊
粒子音乐可视化