ActionScript
TypeScript
JavaScript

用LayaAirIDE制作粒子特效

发布时间:2017-01-04

         使用 LayaAir IDE 可以创建粒子特效。创建好的粒子对象,可以直接拖放到页面里进行显示。在 LayaAir IDE 中,可以通过编辑模式下的新建页面弹出窗选择创建粒子特效。

 

创建粒子系统

        方法一: 选择主菜单 文件/新建页面。

        图片1.png

        方法二:在 项目管理器 中右键选择 新建页面。

        图片1.png

 

        选择新建后,会弹出新建文档对话框,点击切换至粒子创建面板:

        图片1.png

 

        在粒子页面类型中,LayaAir IDE 提供了两种页面类型模板:重力模式和半径模式。您可以根据自己的需要进行模板选择,这里我们默认选择重力模式。

        图片1.png 

        输入粒子名称,粒子名称将作为以后生成文件的默认名称。设置完成后点击确定,我们的粒子资源就创建好了。

        1463400139344972.png

 

GIF_lizi_show.gif

 

粒子资源设置

        在(默认界面)右侧的属性检查器中我们可以对粒子资源进行调整与设置。

 

粒子贴图设置

        在创建完粒子页面后,我们可以对粒子贴图进行自定义设置,自定义设置方式有两种。 

        1.在 资源管理器 中拖拽我们需要设置的粒子贴图皮肤到textureNa属性栏中,粒子系统将自动获取粒子所在位置并进行刷新显示

        图片1.png 


        2.用户可以根据自己的自定义输入来在 textureNa 属性中设置贴图所在位置,如果粒子资源存在则会自动进行页面刷新更新粒子贴图。另外,用户还可以点击栏目右侧的图片2.png按钮来快速的在资源管理器中定位贴图资源位置。

 

属性说明

        接下来我们将对粒子文件属性进行说明。不同的粒子属性设置将显示不同的粒子效果。

 

        常用:粒子文件常用属性。

textureNa: 粒子皮肤,该属性用来设置粒子的外观样式 。
textureCou: 贴图帧数,该属性用来设置贴图的显示帧数。默认为空。
maxPartic: 粒子最大数,该属性用来设置同时间范围内最大可存在粒子数量上限。
backColor: 参考背景颜色: 该属性用来设置参考背景的颜色。

 

        通用:指粒子文件通用属性。

duration: 持续时间,指单个粒子从生成到消失持续的事件,单位/秒。
ageAddSc: 粒子生成时间随机比例,指粒子生成随机时间,比例越大随机性越大。
emitterVel: 速度敏感度,该参数只对发射器有影响,用来设置粒子发射器对速度的敏感度大小。

 

         尺寸设置:用来设置粒子的尺寸。

minStartSize:   最小粒子开始大小。该属性用来设置粒子生成时粒子大小的最小范围。

maxStartSize: 最大粒子开始大小。该属性用来设置粒子生成时粒子大小的最小范围。
minEndSize: 最小粒子结束大小。该属性用来设置粒子消失时粒子大小的最小范围。
maxEndSize: 最大粒子结束大小。该属性用来设置粒子消失时粒子大小的最大范围。

 

        发射范围:用设置粒子生成的范围。

X范围: 粒子生成的x范围。该属性用来设置粒子在x坐标的生成范围值。
Y范围:粒子生成的y范围。该属性用来设置粒子在y坐标的生成范围值。
Z范围:粒子生成的z范围。该属性用来设置粒子在z坐标的生成范围(该属性只在3d模式中生效)。

 

        重力模式参数:用来设置重力模式下的粒子重力参数。

minHorizontalVelocity: 最小水平速度,该属性用来设置粒子运动时的最小水平速度。
maxHorizontalVelocity: 最大水平速度,该属性用来设置粒子运动时的最大水平速度。
minVerticalVelocity: 最小垂直速度,该属性用来设置粒子运动时的最小垂直速度。
maxVerticalVelocity: 最大垂直速度,该属性用来设置粒子运动时的最大垂直速度。
endVelocity: 结束速度比例,该属性用来设置粒子运动时从生成到结束时的运动速度比例,数值越大移动速度越快。

 

        gravity:用来设置粒子效果的重力变化。

重力x: 该属性用来设置粒子运动时受到的x轴重力。
重力y: 该属性用来设置粒子运动时受到的y轴重力。
重力z: 该属性用来设置粒子运动时受到的z轴重力(此项仅在3d模式下有效)。

 

        半径模式:用来设置粒子的半径模式属性

minRotate: 最小旋转速度,粒子生成时给予的一个最小旋转速度范围。
maxRotate: 最大旋转速度,粒子生成时给予的一个最大旋转速度范围。
minRotateSpeed: 最小开始半径,指粒子围绕中心点运动时的最小开始半径。
maxRotateSpeed: 最大开始半径,指粒子围绕中心点运动时的最大开始半径。
minEndRadius: 最小结束半径,指粒子围绕中心点运动时的最小结束半径。
maxEndRadius: 最大结束半径,指粒子围绕中心点运动时的最大结束半径。
minHorizontalEndRadian: 最小水平弧度,指粒子运动时的最小水平运动弧度。
maxHorizontalEndRadian: 最大水平弧度,指粒子运动时的最大水平运动弧度。
minVerticalEndRadian: 最小垂直弧度,指粒子运动时的最小垂直运动弧度。
maxVerticalEndRadian 最大垂直弧度,指粒子运动时的最大垂直运动弧度。

 

        minColor:用来设置粒子生成时的最小颜色范围。

apha: 透明度,用来设置粒子的色度浓度。
Red: 红色,设置粒子的红色浓度。
Green: 绿色,设置粒子的绿色浓度。
Blue: 蓝色,设置粒子的蓝色浓度。

 

         maxColor:用来设置粒子生成时的最大颜色范围。

apha: 透明度,用来设置粒子的色度浓度。
Red: 红色,设置粒子的红色浓度。
Green: 绿色,设置粒子的绿色浓度。
Blue: 蓝色,设置粒子的蓝色浓度。

 
        其他:粒子的其他选项。

colorComp: 设置颜色插值方式,false代表RGBA整体插值,true代表RGBA逐分量插值。