2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（一）

最新推荐文章于 2025-12-10 20:37:40 发布

原创

最新推荐文章于 2025-12-10 20:37:40 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了粒子系统的基本思想，即通过大量简单的粒子构成复杂形状。重点分析了Emitter.js，包括Emitter类的介绍和代码细节。Emitter类包含粒子的最大数量、每次发射的粒子数、粒子生命上限等属性，并提供了发射和销毁粒子的功能。文章详细阐述了粒子的位置、速度、加速度等属性的定义，以及如何利用粒子池管理粒子生命周期。

2021SC@SDUSC

一、粒子系统基本思想

粒子系统的基本思想：将许多简单形状的微小粒子作为基本元素聚集起来形成一个不规则的模糊物体，每个粒子均经历出生、成长、衰老和死亡的过程，与粒子有关的每一参数均将受到一个随机过程的控制。

二、Emitter.js

1.介绍

emitter是“发射器”的意思，其中包含着emitter类，顾名思义，也就是存储粒子并发射的“容器”；接下来介绍里面相关代码内容。

2.代码分析

import Base from '../core/Base';
import Vector3 from '../math/Vector3';
import Particle from './Particle';
import Value from '../math/Value';

最开始导入了一些其他js文件的部分。

接着定义了一个继承了Base类Emitter类，并包含以下成员。

 {
    
    max: 1000,
    
    amount: 20,
    
    life: null,
    
    position: null,
    
    rotation: null,
    
    velocity: null,
    
    angularVelocity: null,
    
    spriteSize: null,
    
    weight: null,

    _particlePool: null

}

其中，

max