此前由触控科技代理的ARPG手游《武尊》取得了很好的成绩,24小时内便跻身付费榜TOP3。作为页游,武尊已经取得很不错的成绩,本次在手游上的尝试又是一次重大突破。此 类游戏在开发时经常遇到一个问题:界面多,手机屏幕小,无法很好的布局UI。但是《武尊》却处理的很好,UI布局合理,界面直观简洁。熔炉系统是其中的特 色系统之一,它用到了“标签”对UI进行分区处理,如图左右两侧均有标签栏,通过点击标签实现多UI有序切换。下面就跟小编一起学习如何用Cocos Studio完成这项工作吧!
我们使用的是Cocos Studio for Mac 1.0 Beta版,Mac版本将UI、动画、场景编辑器合而为一,在游戏开发时根据需要选择资源,灵活使用。本次我们所做的UI界面大致分为三部分:标签栏、背景层、每个标签对应的功能层。
标签组是独立的层,而每一个标签对应的熔炉玩法分别对应单独层,即标签组内相互关联,玩法容器层各自独立。每个熔炉都是单独的panel,为了方便查看,制作时我们将背景色设置为蓝色半透明。
当编辑完UI单元后,我们可以用Cocos Studio很快拼出初始界面效果。也就是将一些在初始状态下需要显示的控件摆放到位,如图中的熔炉以及标签组。最后只需将层容器的背景色透明度改为0,就可以在模拟器(截图中的小窗口)里看到真实效果
大小:2.07 MB
测试环境
引擎版本:3.2
开发工具:vs2012 Cocos Studio for Mac 1.0 Beta
测试说明:基于cocos2d-x3.2和vs2012测试
添加库GUI,cocostudio,Extensions
如编译失败,右击属性->配置属性->C/C++->常规->附件包含目录,新增行:$(EngineRoot)cocos\editor-support