美文网首页
RianbowDesigner快速入门

RianbowDesigner快速入门

作者: RainbowDesigner | 来源:发表于2016-06-11 17:18 被阅读0次

    新建工程

    创建工程是使用RainbowDesigner的第一步,步骤其实很简单, 如下图:

    菜单【文件】 -> 【新建项目】 设置项目名称和路径

    系统会自动生成工程目录,常用的几个文件夹都会自动生成。

    (软件其实是把  template文件夹 下的文件,全部拷贝一份出来)


    Toolbar工具条介绍

    工具条包含软件及最常用的功能,比如设置编辑模式,系统支持的GameObject等,如下图:

    工具条

    如何移动画布?

    按住Ctrl+鼠标左键,移动鼠标既可以移动画布

    如何缩放画布

    方法1:请点击工具条上面的缩放按钮

    方法2:鼠标滚轮


    打开已经创建好的项目

    项目的工程文件结尾为project,打开即可。

    菜单【文件】 -> 【打开项目】 选择 project 文件

    工程目录结构

    如下图,系统会自动创建常用的目录:

    工程目录结构 刷新文件夹

    新建ViewObject文件(后缀为.vo)

    ViewObject是我们采用的文件类型(简称VO), 后缀名为.vo,采用json格式方便SVN合并修改。

    VO里面包含所有的Node信息,和Timeline动画信息,类似于Cocos-Builder的ccbi文件,或者是Unity3D的Prefab文件。

    VO支持嵌套,可以同样的界面元素做成同一个VO,供其他的VO使用。

    创建VO的方法如下图:

    方法1:【工具条】-> 【新建ViewObject】 方法2:在项目的ViewObject文件夹上面右键,通过弹出式菜单创建

    打开VO文件

    VO文件默认存放在viewobjects文件夹下面,双加.vo文件即可打开。

    【工程文件视图】 -> 打开 .VO 文件

    编辑模式下撤销/重做(Redo/Undo)

    【撤销】快捷键:Ctrl+z

    【重做】快捷键:Ctrl+Shift+z

    撤销/重做


    添加游戏对象Node到场景中

    系统支持Cocos2d-X常用的游戏对象,可以所见即所得的添加/删除/移动游戏对象.

    如下图:

    添加游戏对象Node

    如何删除游戏对象?

    在场景中或者下面Timeline中都可以选中游戏对象,然后按 Delete 键。

    删除GameObject

    编辑游戏对象的属性

    属性名称和cocos2d-x里面的成员相对应,如果您熟悉cocos2d-x的话,应该很容易理解。

    常用属性说明:

    name:名称

    position:坐标

    content_size:尺寸

    anchor:锚点(涉及到中心点位置)

    scale:缩放

    skew:变形

    rotation:旋转多少度

    tag:标签

    visibility:是否可见

    membervar:映射的脚步变量(说明:如果设置了此,可以直接映射为脚步的成员变量)

    编辑游戏对象属性

    设置DocumentController

    Controller对应于Lua对象的类名。

    加载ViewObject的时候,框架会自动创建此Controller对象,并且设置相关对象属性。

    设置ViewObject对应的脚本Controller

    创建动画Timeline

    RainbowDesigner的动画类似于CocosBuilder,通过添加一系列关键帧来控制动画。

    支持的关键帧有:

    V帧:是否可见

    P帧:位置坐标

    S帧:缩放

    R帧:旋转

    Spr帧:更改图片

    O帧:透明度

    Ska帧:Skew变形

    C帧:更改颜色Color

    txt帧:更改字符串

    sfx帧:播放声音

    foo帧:调用脚本对象里面的函数

    创建,设置timeline


    选择timeline

    如下图,选择动画进行编辑:

    选择timeline动画

    Timeline添加关键帧:

    设置好当前动画以后,拖动游标到指定的时间点,点击Timeline工具条上面特定按钮,就可以添加关键帧了,如下图:

    添加关键帧

    预览动画

    小提示: 鼠标点击刻度条,可以快速预览该时间点的状态。

    播放/停止,预览动画帧 拖动调整timeline框高度

    相关文章

      网友评论

          本文标题:RianbowDesigner快速入门

          本文链接:https://www.haomeiwen.com/subject/ipqedttx.html