Rowan Liu's Tech
Home
Blog
CSS
JS
lib
Read
About
GitHub
Home
Blog
CSS
JS
lib
Read
About
GitHub
  • 框架
  • Vue ClI 源码探索
  • vue 源码解读

    • Vue.js技术揭秘
    • Flow
    • Vue.js源码目录设计
    • Vue.js源码构建
    • 从入口开始
    • 数据驱动
    • new Vue发生了什么
    • Vue实例挂载的实现
    • render
    • Virtual DOM
    • createElement
    • update
    • 组件化
  • threejs journey

    • three.js
    • 第一章我们做了什么
    • 基本组件
    • 光源
    • 材质
    • 学习使用几何体
    • 高级几何体和二元操作
    • 粒子和粒子系统
    • 创建、加载高级网格和几何体
    • /lib/threejs/webgl/
  • react journey

    • React
    • Ant Design
  • vuepress

    • 评论
  • egg

    • egg init
  • jQuery系列

    • jQuery一个在JavaScript基础之上封装的函数库。
  • nestjs

    • OAuth 2.0
    • [译]Passport 文档(一)入门
    • [译]Passport 文档(二)提供者
    • [译]Passport 文档(三)基本 & 摘要
    • [译]Passport 文档(四)操作

粒子和粒子系统

question

  • 使用ParticleBasicMaterial(基础粒子材质)创建和设计粒子
  • 使用ParticleSystem(粒子系统)创建粒子集合。
  • 使用已有的几何体创建粒子系统。
  • 让粒子和粒子系统动起来。
  • 用纹理为粒子造型。
  • 使用ParticleCanvasMaterial在画布上为粒子造型。

总结

  • 如果使用CanvasRenderer类,那么你可以直接使用THREE.Particle对象。
  • 如果使用WebGLRenderer,则不能使用THREE.Particle对象,但你可以用THREE.Sprite对象来创建一个粒子。
  • 如果你想创建大量粒子,并共享一个材质,那么应该使用THREE.ParticleSystem对象。
  • 你可以很容易让粒子动起来,改变他们的位置即可。
  • 通过Map属性,你可以使用图片或者HTML5画布来格式化粒子。
  • 你也可以使用THREE.Sprite类来为三维场景创建一种贴图对象。
Edit this page
Last Updated: 2026/1/12 10:15
Contributors: Rowan Liu
Prev
高级几何体和二元操作
Next
创建、加载高级网格和几何体