zoukankan      html  css  js  c++  java
  • (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”按钮,看一下场景在游戏里面的样子,如下图:

  • 相关阅读:
    vue 加载更多2
    vue 加载更多
    js获取浏览器信息
    iscroll
    git fetch
    input file accept类型
    git从安装到使用
    sass中的循环判断条件语句
    animation
    vue2+animate.css
  • 原文地址:https://www.cnblogs.com/damowang/p/5179753.html
Copyright © 2011-2022 走看看