浅入浅出游戏粒子系统
游戏粒子系统?什么是粒子系统?第一次听说这个东西,我再想这个东西是不是像化学原子分子那样的系统引擎。经过多年疑惑以及unity3d粒子系统使用,我才恍然明白原来这东西才是粒子系统。初中时候,化学老师告诉我们大千世界千物万物都是由分子原子组成,同样许多自然现象也是由很多微小的颗粒组成,它们都有很多相似的行为。如,烟花炮火,瀑布,喷泉,雪花飘飘,山崩地裂。游戏中的粒子系统是用来模拟这种自然现象,给人一种震感的动画效果。(原创:醉翁 )
顾名思义,粒子系统,他是多个部分组成的复杂系统。以unity3d游戏为例, 由粒子发射器,粒子渲染器,粒子动画器,粒子尾带器等组成,其中运用了美学,物理学动力等。我们先学粒子名专有名词:Particle粒子,ParticlesSystem粒子系统,emitter发射器。其原理就是再整个粒子系统生命周期中emitter发射器不断发射粒子,由粒子系统再生命周期每一帧不断使用物理力学地改变粒子的颜色、大小、角度达到一种变换无穷魅力效果。本文将以网页游戏粒子系统简单讲解粒子系统,我这里先看看烟花粒子效果,由于我的笔记本性能不好,运行效果并截图没有那么亮丽:
看看开源粒子系统源码:下载其开源源码这里http://github.com/flashhawk/Simple-Physics-Particle
粒子系统源码:请重点看看红色部分源码
public class ParticlesSystem extends EventDispatcher
{
private var _particlePool : ParticlePool;
private var _particles : Array = [];
private var l : int;
private var _renderBefore:Function;
private var _renderAfter:Function;
public static var STAGE:Stage;
{
_particlePool = new ParticlePool();
this._renderBefore=renderBefore;
this._renderAfter=renderAfter;
}
{
var p : Particle = _particlePool.get(particleType);
p.addEventListener(ParticleEvent.DEAD, removeDeadParticle, false, -1);
_particles.push(p);
return p;
}
//在这里就是粒子系统核心,在粒子系统生命周期不断调用粒子的update函数
来改变粒子
{
if(_renderBefore!=null)_renderBefore();
l = _particles.length;
//_particles[l]是粒子发射器发射出来的粒子
while (l-- > 0) _particles[l].update();
if(_renderAfter!=null)_renderAfter();
}
public function startRendering() : void
{
STAGE.addEventListener(Event.ENTER_FRAME, singleRender);
}
............................
}
我们在看看粒子代码:
public class Particle extends EventDispatcher
{
public var position : Vector2D = new Vector2D();
public var point : Point = new Point();
//粒子开始速度,也就是说粒子往哪里运动
public var velocity : Vector2D = new Vector2D();
//加速度
public var acceleration : Vector2D = new Vector2D();
//粒子摩擦力,物理老师告诉我们摩擦力用来刹车用的
public var friction : Vector2D = new Vector2D(0.1, 0.1) ;
//粒子生命,每一阵减一
private var _life : Number;
private var _forces : Object = {};
//力综合:可能由重力Gravity、吸引力Attraction、旋转角力,排斥力Repulsion,布朗运动力SimpleBrownian
private var _sumForce : Vector2D = new Vector2D();
碰撞矩形边界,除了这个范围粒子生命周期就结束
public var boundary : Rectangle = null;
碰到边界时候的反弹强度系数,默认是2
public var bounceIntensity : Number = 2;
...........................
如何实现烟花爆炸:
ParticlesSystem.STAGE=stage;
//设置粒子系统每帧回调函数,也就是这里不断改变粒子形状颜色位置等
ps=new ParticlesSystem(loop);
initCanvas();
private function loop() : void
{
canvasBmd.clear();
//找出所有粒子
l = ps.particles.length;
{
var p:Particle=ps.particles[l];
if (ps.particles[l].extra.isFire)
{
//改变粒子位置大小以及颜色
canvasBmd.fillRect(new Rectangle(p.position.x, p.position.y, 4, 4), p.extra.color);
}
else
{
canvasBmd.fillRect(new Rectangle(p.position.x, p.position.y, 3, 3), ps.particles[l].extra.color);
}
}
//重画粒子模版
//加上模糊特效
blurBmd.filter = blurFilter;
blurBmd.colorOffset(-5, -5, -5, 0);
postBmd.draw(blurBmp, matrix);
}
、//鼠标点击发射粒子
private function fire(e : MouseEvent) : void
{
var fireParticle : Particle = ps.createParticle(Particle);
//粒子活动范围,超过这个范围混灭粒子
fireParticle.init(canvasBmd.width / 2, canvasBmd.height, 2.6);
fireParticle.extra = {color:Math.random() * 0xffffff, isFire:true};
//这是开始粒子速度
fireParticle.velocity.reset(0, -(6.5 + Math.random() * 4));
//粒子旋转角度,也就是说我往左边或右边运动角度
fireParticle.velocity.rotate(15 - Math.random() * 30);
fireParticle.friction.reset(0, 0);
//加上重力,牛顿定律
fireParticle.addForce("g", gravity);
//烟花飞到空中开始毁灭自己,爆炸
fireParticle.addEventListener(ParticleEvent.DEAD, boom);
}
//这里开始爆炸
{
Particle(e.target).removeEventListener(ParticleEvent.DEAD, boom);
//这里是爆炸粒子数目
var fireNum : int = int(Math.random() * 100 + 200);
while (fireNum-- > 0)
{
// 想拥有你的特效吗请改变他 这里初始化爆炸粒子信息:速度,角速度,重力,摩擦力。改变这里你看到不一样的效果
var fireParticle : Particle = ps.createParticle(Particle);
fireParticle.init(e.target.position.x, e.target.position.y, 1.5);
fireParticle.extra = {color:e.target.extra.color, isFire:false,size:0.5};
fireParticle.velocity.reset(0, 2+Math.random()*2);
fireParticle.velocity.rotate(Math.random() * 360);
fireParticle.friction.reset(0.1, 0.1);
fireParticle.addForce("g", gravity);
}
}
这里是随便改变参数效果:
再看看其他粒子特效:火龙FireDragon
动动手,运用您的智慧,创造您的魅力来!
浅入浅出游戏粒子系统相关推荐
- 「游戏引擎 浅入浅出」项目介绍
「游戏引擎 浅入浅出」是一本开源电子书,PDF/随书代码/资源下载: https://github.com/ThisisGame/cpp-game-engine-book 项目介绍 README 本书 ...
- 「游戏引擎 浅入浅出」前言
「游戏引擎 浅入浅出」是一本开源电子书,Github地址: https://github.com/ThisisGame/cpp-game-engine-book 为什么写这本书? 在与同事沟通时,会提 ...
- 「游戏引擎 浅入浅出」1. 游戏引擎框架介绍
「游戏引擎 浅入浅出」是一本开源电子书,PDF/随书代码/资源下载: https://github.com/ThisisGame/cpp-game-engine-book 目前市面上的游戏引擎比较多, ...
- 浅入深出之Java集合框架(上)
Java中的集合框架(上) 由于Java中的集合框架的内容比较多,在这里分为三个部分介绍Java的集合框架,内容是从浅到深,如果已经有java基础的小伙伴可以直接跳到浅入深出之Java集合框架(下). ...
- 浅入深出之Java集合框架(中)
Java中的集合框架(中) 由于Java中的集合框架的内容比较多,在这里分为三个部分介绍Java的集合框架,内容是从浅到深,如果已经有java基础的小伙伴可以直接跳到浅入深出之Java集合框架(下). ...
- [科普]浅入浅出Liunx Shellcode
创建时间:2008-05-13 文章属性:原创 文章提交: pr0cess (pr0cess_at_cnbct.org) 浅入浅出Liunx Shellcode /*---------------- ...
- Angular浅入深出系列 - 写在前面
本系列目录: 写在前面 基础知识 控制器(Controller) 作用域(Scope) 集合(Collection) 模块(Module) 依赖注入(Dependency Injection) 服务( ...
- SegmentFault 技术周刊 Vol.16 - 浅入浅出 JavaScript 函数式编程
函数式编程(Functional Programming),一看这个词,简直就是学院派的典范. 以至于从 Lisp 的创世,到 Scheme.Haskell.Clean.Erlang.Miranda. ...
- 浅入浅出深度学习理论实践
全文共9284个字,40张图,预计阅读时间30分钟. 前言 之前在知乎上看到这么一个问题:在实际业务里,在工作中有什么用得到深度学习的例子么?用到 GPU 了么?,回头看了一下自己写了这么多东西一直围 ...
- 浅入浅出 Android 安全 翻译完成!
浅入浅出 Android 安全 翻译完成! 作者:Yury Zhauniarovich 译者:飞龙 来源:Yury Zhauniarovich | Publications 在线阅读 PDF格式 EP ...
最新文章
- String的那一大堆事儿--1
- linux selinux 安全子系统简介
- 《化工原理》基本知识点
- 【bzoj3555】[Ctsc2014]企鹅QQ 简单哈希
- centos本地yum源配置
- Git的author与committer的区别
- 你知道中国历届奥运会中获得了多少金牌吗?
- 流行音乐混音风格 流行音乐混音的压缩技巧
- 网易微专业python数据分析_网易微专业_Python数据分析师 01 数据思维导论:如何从数据中挖掘价值?...
- 中继器 网桥 路由器 网关
- html显示汉字音调,汉语拼音音调符号标法的规则
- Hyperledger Fabric网络环境手动配置及其链码自动化部署
- mysql主从同步故障_MySQL主从同步故障
- 从马王庙里的17包棉花到大型数字化综合医院,探访襄阳市中心医院信息化建设之路...
- 2002版《首席执行官》观后感及总结
- html控制图的宽,控制图
- Testin云测:从双11看淘宝京东暗战移动电商
- 敏捷开发之一—笼统的介绍
- 一个女大学生总结的大学生活
- Pragmatic eBook 介绍 :Test-Driving JavaScript Applications
热门文章
- A Game of Thrones(9)
- NBA直播 1223.html,犹他爵士官方:NBA传奇主教练杰里-斯隆去世,享年78岁
- -XX:+TraceClassLoading和-XX:+TraceClassUnloading
- GitLab 邮件发送不成功原因
- 算法之动态规划,问题三:0 1 背包问题
- python中的global是什么意思_Python中的global关键字,你了解吗?
- 景观平面图转鸟瞰图_景观快题设计|平面图篇——功能分区
- 请用SQL查询:昨天所有用户的签到和签退时间
- 基于51单片机多功能智能心率检测仪设计(毕设课设)
- echarts地图/中国