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);

}