参考:

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。

 CryEngineV UI 制作

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

CryEngineV UI 制作CryEngineV UI 制作

1.1.3、创建button资源:

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

 CryEngineV UI 制作

1.1.4导入资源到库中:

CryEngineV UI 制作

1.1.5、创建 图元

创建greenBar:

CryEngineV UI 制作

创建blueBar:

CryEngineV UI 制作

创建生命值元件:

CryEngineV UI 制作

 

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

 CryEngineV UI 制作

1.1.6 编辑生命值图元

打开healthBar 图元;

将greenbar图元拖入healthbar中;

复制图层,分别取名为BarFilled、BarEmpty;

创建MASK空图层,放置与最上部;

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

CryEngineV UI 制作

将BarFilled为MASK的子层:

CryEngineV UI 制作

选择三个图层的第一百帧,插入帧:

CryEngineV UI 制作

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

在MASK层中间位置右键,选择:创建传统补间;

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

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

CryEngineV UI 制作

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

CryEngineV UI 制作CryEngineV UI 制作

创建Text层,用于输入文字:

选中该层,添加文字如下:

CryEngineV UI 制作

并对生命值实例命名为:currHealth;

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

 

 CryEngineV UI 制作

创建AmmoBar,使用复制功能,从HealthBar复制:

 CryEngineV UI 制作

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

}

相关文章:

  • 2021-09-17
  • 2021-08-05
  • 2022-12-23
  • 2021-11-11
  • 2022-01-11
  • 2021-06-23
  • 2021-07-24
  • 2021-09-22
猜你喜欢
  • 2022-01-19
  • 2022-12-23
  • 2021-11-01
  • 2022-02-09
  • 2021-10-19
  • 2021-07-17
  • 2022-12-23
相关资源
相似解决方案