CryEngineV UI 制作

参考：

《CryENGINE3GameDevelopm  Beginner Guide》第六章 http://blog.csdn.net/u011707076/article/details/41729359  

UI

1、Flash UI制作，举例：生命值和弹药数目显示

 

1.1创建flash资源

1.1.1、创建flashactionscription2.0工程，设置分辨率为1280*720,保存为：存储为NewHUD.fla。

 


1.1.2、准备资源从程序中抓取一张截图，保存为1280*720的一张截图：screenshot.png：



1.1.3、创建button资源：

使用photpshop制作两个半透明按钮图片 green.png(512*128) 、blue.png(512*128)

 


1.1.4导入资源到库中：



1.1.5、创建 图元

创建greenBar:



创建blueBar:



创建生命值元件：



 

将png资源放置到对应名称的图片元件上。

 


1.1.6 编辑生命值图元

打开healthBar 图元；

将greenbar图元拖入healthbar中；

复制图层，分别取名为BarFilled、BarEmpty；

创建MASK空图层，放置与最上部；

MASK属性设置为遮罩层，并绘制一个矩形，覆盖在原来按钮上，如下图：



将BarFilled为MASK的子层：



选择三个图层的第一百帧，插入帧：



在MASK层的100帧设置关键帧；

在MASK层中间位置右键，选择：创建传统补间；

将MASK的时间轴设置在第0帧；

移动蓝色矩形区域到原来绿色矩形的左侧：



锁定MASK和BarFilled层，移动时间轴，出现下图效果：





创建Text层，用于输入文字：

选中该层，添加文字如下：



并对生命值实例命名为：currHealth；

对文本进行字体嵌入设置，勾选字符、数字等设置：

 

 


创建AmmoBar，使用复制功能，从HealthBar复制：
 


修改Text中的文本为：        
将Health修改为：Ammo；
添加文本，当前导弹名称为：123（实例名currWeaponName）
添加文本，当前导弹数目 12/12 (实例名：currAmmo）
添加文本，当前导弹 12 (实例名：currAmmoName)
 
 
切换到场景1，添加HealthBar和AmmoBar，并取名为：：ammoMC，和healthMC。
插入图层2，设置为引导层，选中该层，将screenshot.png放置在层上。
 
 
 
 
 
创建一个Button按钮测试
Button测试 :
 
按照教程创建的button不能动,做如下修改就可以,帧标签要使用字符类型:
stop();
onRollOver= function()
{
         //gotoAndStop(2);
         this.gotoAndStop("over");
}
 
onRollOut= function()
{
         //gotoAndStop(1);
         this.gotoAndStop("out");
}
 
onPress= function()
{
         //gotoAndStop(3);
         this.gotoAndStop("down");
         fscommand("onPressed",btnText.text);
}
onRelease= function()
{
         gotoAndStop(over);
}