(2)基本工作流(制作场景与UI)
2016-02-03 15:13
706 查看
1、认识cocos编辑器主界面。
2、制作新场景:
1)打开我们新建的HelloCocos项目,新建场景名称为“Scene”,如下图:
2)点击新建,场景就被创建出来了,如下图:
3)右键“资源面板”,选择“导入资源。。”,选择要导入的资源,如下图:
4)导入了Common、LevelSelecttion资源文件夹,如下图:
5)做一个设计分辨率为 640 960的场景,现在默认是 960640,点击切换分辨率切换按钮“
”,改变效果如下图:
6)从对象面板的“基础对象”栏,先左键按住拖精灵控件到画布面板,然后从资源区拖LS10.png给精灵控件,图片资源赋值,并改变坐标,从而铺满640*960,如下图:
Cocos Studio拼接场景、UI、动画都是延续这个思路,先导入资源,然后创建控件,再给控件赋资源,改变控件的属性,达到效果,这一点要记清楚。
3、制作新UI:
1)新建图层,命名为“Layer”,如下图:
2)拖一个Button到画布面板,然后给Button赋值,并把它放到靠底部的中间位置,如下图:
3)这个基本的UI界面就做好了,我们现在把这个界面放到场景里面,在资源面板双击”Scene.csd”,打开Scene.csd后,拖动Layer.csd到渲染区,Layer.csd就被添加到Scene.csd里面了,这样就完成了UI界面与场景文件的结合,如下图:
4)点击工具栏”预览
”按钮,看一下场景在游戏里面的样子,如下图:
2、制作新场景:
1)打开我们新建的HelloCocos项目,新建场景名称为“Scene”,如下图:
2)点击新建,场景就被创建出来了,如下图:
3)右键“资源面板”,选择“导入资源。。”,选择要导入的资源,如下图:
4)导入了Common、LevelSelecttion资源文件夹,如下图:
5)做一个设计分辨率为 640 960的场景,现在默认是 960640,点击切换分辨率切换按钮“
”,改变效果如下图:
6)从对象面板的“基础对象”栏,先左键按住拖精灵控件到画布面板,然后从资源区拖LS10.png给精灵控件,图片资源赋值,并改变坐标,从而铺满640*960,如下图:
Cocos Studio拼接场景、UI、动画都是延续这个思路,先导入资源,然后创建控件,再给控件赋资源,改变控件的属性,达到效果,这一点要记清楚。
3、制作新UI:
1)新建图层,命名为“Layer”,如下图:
2)拖一个Button到画布面板,然后给Button赋值,并把它放到靠底部的中间位置,如下图:
3)这个基本的UI界面就做好了,我们现在把这个界面放到场景里面,在资源面板双击”Scene.csd”,打开Scene.csd后,拖动Layer.csd到渲染区,Layer.csd就被添加到Scene.csd里面了,这样就完成了UI界面与场景文件的结合,如下图:
4)点击工具栏”预览
”按钮,看一下场景在游戏里面的样子,如下图:
相关文章推荐
- BZOJ 4321: queue2|动态规划
- android系统源码学习 -- 蓝牙 bluetooth (一) 入门
- org.hibernate.QueryException: could not resolve property:xxxxxid 外键查询 hibernate
- Android 动画 ValueAnimator(二)
- NGUI中实现数字逐步增加
- 新浪微博UWP UI意见征求
- Guest can reach outside network, but cannot reach host when using macvtap interface
- Wunder Fund Round 2016 (Div. 1 + Div. 2 combined) B. Guess the Permutation 水题
- IOS8以上版本,使用UIAlertController代替 UIActionSheet和UIAlertView
- 使用Excel PowerQuery和PowerPivot分析Dynamics CRM数据
- BZOJ 1570: [JSOI2008]Blue Mary的旅行( 二分答案 + 最大流 )
- Android 动画 ValueAnimator(一)
- JMS入门(三)--Queue的使用
- UIGraphicsBeginImageContext和UIGraphicsBeginImageContextWithOptions实现iOS中的截图功能
- UIScrollView 使用AutoLayout布局遇到的问题
- VBA中Dictionary对象使用(Key,Value)
- 7.12 Models -- Frequently Asked Questions
- valueof(), intvalue(0 parseint() 这三个方法怎么用
- 【项目经验】--EasyUI DataGrid之右键菜单
- 【项目经验】--EasyUI DataGrid之右键菜单