(2)基本工作流(制作场景与UI)

1、认识cocos编辑器主界面。

  2、制作新场景:

  1)打开我们新建的HelloCocos项目,新建场景名称为“Scene”,如下图:

  2)点击新建,场景就被创建出来了,如下图:

  3)右键“资源面板”,选择“导入资源。。”,选择要导入的资源,如下图:

  4)导入了Common、LevelSelecttion资源文件夹,如下图:

  5)做一个设计分辨率为 640 960的场景,现在默认是 960640,点击切换分辨率切换按钮“image”,改变效果如下图:

  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)点击工具栏”预览image”按钮,看一下场景在游戏里面的样子,如下图:

原文地址:https://www.cnblogs.com/damowang/p/5179753.html