效果



分析

真实的火焰效果,通常包括:火、火光、火星等组成部分,火焰燃烧的同时会对周围环境进行烘焙。

1、针对火焰组成部分,我们可以分别创建粒子系统组件实现

2、火焰燃烧对周围环境的烘焙效果,我们可以通过灯光实现,如点光源。

那么,我们通过粒子系统 + 光源实现火焰效果,在Unity3d场景中结构应如下图所示:

1、Fire 火,火焰的主体部分,因燃烧产生的剧烈化学反应,灵动多变;

2、Flash 火光,即火焰的闪光效果,忽明忽暗;

3、Spark 火星,因高温而升起的燃烧碎屑,行踪飘忽,颜色渐变,效果随机;

4、Point Light 光亮,火焰燃烧对周围环境的烘焙效果;

实现

1、新建工程

1.1、新建3D工程

1.2、导入资源素材(后面会提供素材包)

1、天空盒1个
2、多帧火焰形态图1个
3、地面图1个

2、场景搭建

2.1、新建场景FireScene

2.2、设置场景天空盒,选择BlueSkybox

原因:系统默认天空盒太亮,火焰效果对比不明显,视觉冲击力差。

设置天空盒方式:
Window --> lighting -->setting



2.3、创建平面(地面)

用于放置火焰,并作为被烘焙对象(即火焰的光照能显示在该物体上)

1、创建Quad,改名Ground
2、置为原点位置,即坐标(0,0,0)



2.4、调整摄像机视角

1、Scene场景中调整为合适视角(如上图所示视角即可)
2、选中摄像机Main Camera
3、设置摄像机使用当前视角:GameObject --> Align With View

3、制作Fire效果(火)

为了最好体现火的形态变化,此处使用美术人员提供的火的多帧形态图,作为粒子贴图。

火的多帧形态图,素材共4帧,两行两列

3.1、创建粒子系统对象,命名Fire,改其发射方向

正常的火焰效果,火焰粒子应是朝上方向发射;

而新建的粒子系统默认朝前播放粒子,所以需要x轴旋转-90°,改为朝上发射

3.2、思考:火 需要使用粒子系统的哪些模块?

1、基础模块,主要控制粒子生命时长、大小、方向、颜色、重力等
2、Emission模块,粒子主要模块,主要用于控制粒子发射
3、Shape模块,粒子主要模块,主要用于控制粒子发射器的形状
4、Renderer模块,粒子主要模块,主要用于控制粒子渲染
5、Color over Lifetime,控制火的颜色随生命周期而改变,可使火焰效果更真实生动
6、Texture Sheet Animation,用于控制火焰的多帧形态图,随机切换指定帧

3.3、先设置Renderer模块

1、Material 选择多帧火焰图
2、设置Sort Mode:Youngest in Front (即:后渲染出来的显示在最上/前层)



3.4、设置Texture Sheet Animation模块

1、Tiles : 是指纹理在X(水平)和Y(垂直)方向上划分的平铺数量,此处分别设置为 2
2、Frame over Time:默认曲线,指定动画帧随着时间的推移如何增加。此处由逐帧变化,改为随机固定某一帧
3、Cycles : 是指动画序列在粒子生命周期内重复的次数,此处设置为4,当然也可根据自身喜爱更改数值

3.5、设置基础模块

1、Duration 粒子发射时长,此处设置为1秒
2、Start Lifrtime 单个粒子的生命周期,随机1秒以下,此处设置0.3 ~ 0.5秒
3、Start Speed 粒子速度0.1,火多帧图上窜效果有波动,但不宜过大
4、Start Size 0.7 ~ 1 增加随机性
5、Start Rotation -20° ~ 20° 增加随机性
6、Gravity Modifier 重力修改器,因火为升力,此处需改为-1
7、Max Particles 最大数量为25,不宜过多 以上属性可根据自身喜好,微调其数值

3.6、设置Emission模块

1、rate over Time 设置为25,与粒子最大数量一致即可
2、因火是平静燃烧,不存在突然的爆发,所以不需要设置Bursts 以上属性可根据自身喜好,微调其数值



3.7、设置Shape模块

1、Shape 无需改变(咱们实现的效果:火的燃烧点是1个)
2、Radius 改为0(系统默认置为0.01),使粒子产生位置固定



3.8、设置Color over Lifetime颜色

颜色可根据自身喜好,自行调整,须注意颜色渐变与透明度变化



4、制作火星(Spark)

火星的效果比较简单:

1、在固定位置产生火星的粒子
2、粒子产生后向上升,随位置升高速度渐慢,颜色也渐透明
3、为了体现火星的灵动性,火星大小、生命时长等均随机

制作Spark会使用到粒子系统的哪些模块呢?

1、基础模块,用于控制粒子的基础属性:生命时长、大小、颜色、重力等
2、Emission模块,用于控制粒子的发射
3、Shape模块,用于控制粒子发射器的形状
4、Color over Lifetime模块,用于控制粒子颜色随生命周期的变化
5、Size over Lifetime模块,用于控制粒子大小随生命周期的变化
6、Limit Velocity over Lifetime模块,用于控制粒子限速
7、Renderder模块,用于控制粒子渲染(默认就行,无需调整)

4.1、基础模块

1、Duration 发射周期与火的粒子系统一致吧
2、Start Lifetime 粒子的生命时长,咱们也随机吧
3、StartSpeed 火星粒子的向上速度要更大一些
4、Start Size 火星粒子的起始大小应随机
5、Start Color 火星粒子的默认颜色
6、Gravity Modifier 因火星粒子也是上升的力,应设置为负数(使用此属性,效果更贴近真实)
7、Max Particles 最大数量不宜过多,因为正常燃烧时,火星数量不会太多
8、其他属性默认(略) 以上属性可根据自身喜好,微调其数值

4.2、Emission模块

RateOverTime: 随单位时间生成粒子的数量,与最大数量一致吧

以上属性可根据自身喜好,微调其数值



4.3、Shape模块

1、Shape形状默认椎体即可,无需调整
2、Radius: 将椎体的半径设置小一些,让粒子出现的位置固定,微微随机即可
3、其他属性默认即可 以上属性可根据自身喜好,微调其数值



4.4、Color over Lifetime模块

正常情况下,火星是在火焰中上端才能看见,且随时间变化,慢慢灰掉(可理解成与夜色融合,即透明)
1、刚开始颜色透明
2、中间正常显示
3、后面逐渐透明



4.5、Size over Lifetime模块

火星的粒子尺寸随时间变化,视觉上更真实一些



4.6、Limit Velocity over Lifetime模块

当粒子速度超过速度限制时,粒子速度降低
Speed: 限速 2
Dampen: 粒子速度降低的分数 0.1 以上属性可根据自身喜好,微调其数值

4.7 火星效果图



4.8、火加上火星的效果图 (截图不怎么明显)

5、制作火光效果(Flash)

此效果实现起来也比较简单,固定位置,随机交替产生几个的不同尺寸的粒子即可

制作Flash会使用到粒子系统的哪些模块呢?

1、基础模块,用于控制粒子的基础属性:生命时长、大小、颜色等
2、Emission模块,用于控制粒子的发射
3、Shape模块,用于控制粒子发射器的形状
4、Renderder模块,用于控制粒子渲染(默认就行,无需调整)

5.1、基础模块

Start Lifetime: 粒子生命周期随机时长(为实现忽明忽暗的闪动效果)
Start Size:粒子尺寸大小随机(为实现忽明忽暗的闪动效果)
Start Color:颜色与火的颜色一致即可(色调统一)
Max Particles:正常的火焰闪动不会太厉害,所以粒子不宜过多,此处设置为5个 以上属性可根据自身喜好,微调其数值

5.2、Emission模块

Rate over Time: 与粒子最大值一致即可,此处也为5个

5.3、Shape模块

闪光效果应基于火焰的位置,不应改变:

Radius: 为了让粒子产生的位置不变,置为0.01即可



5.4、Shape效果图(因录屏工具原因,图片非高清)



5.5、与火、火星一起的效果图(因录屏工具原因,图片非高清)

6、灯光烘焙

新建点光源,设置光源位置、颜色和强度,如下图:



6.1、火焰 + 灯光 效果图 (因录屏工具原因,图片非高清):

7、素材提供

https://pan.baidu.com/s/1eugxPGWb5sVczJKyvLLpYg

Unity3d粒子特效:制作火焰效果的更多相关文章

  1. UGUI中显示粒子特效

    今天在UGUI上显示粒子特效的时候遇到的一些问题,Mark一下.原理:修改特效中每一个ParticleSystem的Layer为UI,并且把ParticleSystemRenderer.sorting ...

  2. [原][粒子特效][spark]深入浅出osgSpark

    背景: 目前我使用的spark粒子特效库是2.0 这个库好像是原来鬼火引擎的一部分,需要从github上找 现在我要将其使用到我自己开发的基于osgearth开的三维地图引擎中 步骤: 1.编译spa ...

  3. Three.js粒子特效,shader渲染初探(一篇非常详细的介绍)

    Three.js粒子特效,shader渲染初探 转载来源:https://juejin.im/post/5b0ace63f265da0db479270a 这大概是个序 关于Three.js,网上有不多 ...

  4. Qt移动应用开发(四):应用粒子特效

    Qt移动应用开发(四):应用粒子特效 上一篇文章介绍了Qt Quick是如何对帧动画进行支持的.帧动画的实现离不开状态机.而状态机.动画和状态切换(transitions)则是Qt框架的核心内容.也就 ...

  5. 使用particles.js实现网页背景粒子特效

    得知途径 B3log提供了两套博客系统,一个是用Java开发的,叫做Solo,我也是在网上搜索Java博客系统时发现了它,之后才了解了B3log:还有一个是用Go语言开发的,叫做Pipe.其中Solo ...

  6. Mask裁切UI粒子特效或者3D模型

    刚好前几天有人问我这个问题,再加上新项目也可能用,所以这两天就研究了一下.其实如果粒子特效 和3D模型 都用RenderTexture来做的话就不会有裁切的问题,但是粒子特效用RenderTextur ...

  7. 【Stage3D学习笔记续】真正的3D世界(五):粒子特效

    先看效果,按下空格键添加粒子特效: 一般而言粒子特效的实现都是比较复杂的,且不说实现粒子特效的编码和设计,光是编写一个粒子编辑器就不是简单的一件事,但是作者使用了很取巧的方式来完成,我们接下来深入代码 ...

  8. CSS3火焰文字特效制作教程

    原文:CSS3火焰文字特效制作教程 用一句很俗气的话概括这两天的情况就是:“最近很忙”,虽然手头上有不少很酷的HTML5和CSS3资源,但确实没时间将它们的实现过程写成教程分享给大家.今天刚完成了一个 ...

  9. JParticles 2.0 发布,打造炫酷的粒子特效

    JParticles 2.0 发布,打造炫酷的粒子特效.不好意思哈,在这么繁花似锦的世界里,标题不得不取得吸引眼球一点哈,不然...还是不啰嗦了,我们进入正题吧 简单介绍一下 JParticles 2 ...

随机推荐

  1. 【ADO.NET基础】后台获取前台控件

    C# 后台获取前台 input 文本框值.string aa=Request.Form[headself]; 那么要是后台给前台input文本框赋值呢? 后台 public string Headse ...

  2. MyBatis详解 一篇就够啦

    第1章MyBatis框架配置文件详解 1.1 typeHandlers类型转换器 每当MyBatis 设置参数到PreparedStatement 或者从ResultSet 结果集中取得值时,就会使用 ...

  3. 为什么那么多自学JAVA的后来都放弃了?总结起来就这些原因

    目前信息化产业发展势头很好,互联网就成为了很多普通人想要涉及的行业,因为相比于传统行业,互联网行业涨薪幅度大,机会也多,所以就会大批的人想要转行来学习Java开发. 目前来讲市场上需要的Java人员非 ...

  4. C语言--计算数组的平均值

    //数组 int main() { ]; double sum = 0.0; ; int x; scanf("%d", &x); ) { muber[cnt] = x; c ...

  5. 数据存储检索之B+树和LSM-Tree

    作为一名应用系统开发人员,为什么要关注数据内部的存储和检索呢?首先,你不太可能从头开始实现一套自己的存储引擎,往往需要从众多现有的存储引擎中选择一个适合自己应用的存储引擎.因此,为了针对你特定的工作负 ...

  6. 机器学习:数据清洗及工具OpenRefine

    数据分析中,首先要进行数据清洗,才可以继续训练模型,预测等操作. 首先介绍一下什么是数据清洗(定义来自 百度百科,有删减) 数据清洗从名字上也看的出就是把“脏”的“洗掉”,指发现并纠正数据文件中可识别 ...

  7. PHP 哈夫曼的实现

    <?php namespace Test; use Iterator; use ArrayAccess; use Exception; // 叶子结点或者连接结点的基类 class Huffma ...

  8. SQL Server Try Catch 异常捕捉

    SQL Server Try Catch 异常捕捉 背景 今天遇到一个关于try catch 使用比较有意思的问题.如下一段代码: SELECT @@TRANCOUNT AS A BEGIN TRY ...

  9. [NOIp2013] luogu P1966 火柴排队

    磕了瓶魔爪. 题目描述 你有两个长度为 NNN 的数组 a,ba,ba,b,试重新排列 aaa 数组使得S=∑i=1n(ai−bi)2S=\sum_{i=1}^{n}{(a_i-b_i)^2}S=i= ...

  10. Java SPI、servlet3.0与@HandlesTypes源码分析

    关于Java SPI与servlet3.0的应用,这里说的很精炼,链接地址如下. https://blog.csdn.net/pingnanlee/article/details/80940993 以 ...