手机游戏开发 CocoStudio工具集开发入门 动画编辑器教程

  次阅读 作者:智能小宝 来源:互联网 2016-01-19 11:16 我要评论(0)

CocoStudio工具集中集成了动画编辑器,动画编辑器是专门为动画设计人员提供的工具,能够实现动画实时显示、编辑、自动序列症关键帧编辑、骨骼 动画等。

1.1界面介绍

v 动画列表:工程文件可以支持多个动画编辑编辑,动画列表下的一个元素就是一个完整的动作;

v 对象结构:是一个列表结构,展示当前动作的所有图层;

v 帧编辑区:针对于当前动作的图层进行动作帧的编辑,还可以播放预览当前动作;

v 渲染区:主要的编辑窗口,实时显示当前动作的帧效果,可以进行平移、旋转、缩放和骨骼绑定等操作;

v 资源编辑区:可以对当前选中的图层使用到的图片资源进行编辑,可以更改图片的锚点,也可以添加碰撞块数据;

v 属性窗口:支持对当前选中图层的数字编辑;

v 资源窗口:支持对当前工程的资源管理;

v日志窗口:日志窗口用来记录所有操作的明细和历史。

2.1 新建工程

点击菜单栏的文件菜单,下拉列表中的新建按钮,会弹出一个新建工程的信息面板,大家可以给工程命名,并选择工程的保存路径,最好在命名和路径中不要 有中文字符。

2.2 导入资源

1.点击菜单栏的文件菜单,下拉列表中的导入资源菜单,可以导入单个文件,也可以导入整个文件夹;

2.也可以点击资源窗口的图标按钮,分辨导入单个文件,和整个文件夹;

2.3资源编辑

右键点击资源窗口的资源,可以进行删除,重命名的操作;

可以再资源窗口下方的预览窗口,查看选中的资源预览效果图;

3.1创建动画

(1)右键点击动画列表窗口,选择新建动画;

(2)右键点击结构树窗口,选择添加图层;

(3)右键点击帧编辑窗口,选择添加帧;

经过以上操作,就可以看到渲染区会渲染出一个默认的图层元件;

3.2编辑图层

单个元件编辑方式:

(1)鼠标点击图层,选中元件,移动鼠标进行元件的拖动;

(2)在结构树上选择相应的图层,该元件会全局被选中;

多个元件编辑方式:

(1)渲染区:点击鼠标左键并进行拖动,可以进行元件的框选;

(2)结构树:点击鼠标左键并进行拖动,可以进行元件的框选;

删除图层元件:渲染区右键菜单,结构树右键菜单,delete建;

复制图层元件:渲染区右键菜单,结构树右键菜单,Ctrl+C;

粘贴图层元件:渲染区右键菜单,结构树右键菜单,Ctrl+V;

显示编辑:

1.元件被选中的时候,会显示白色的编辑框,编辑框的四个角点可以进行缩放编辑,编辑框的右边中心点可以进行旋转编辑;

3.3画布操作

1.缩放画布:Ctrl+鼠标滚轮,可以放大缩小画布;

2.移动画布:space(空格键) + 鼠标左键,可以拖动画布;

3.4属性编辑

显示/隐藏:显示或隐藏选中的控件;

旋转:调整控件的旋转角度;

缩放:调整控件的横向缩放和纵向缩放;

位置:调整控件的坐标;

渲染资源:设置/替换 当前图层元件的当前帧的图片资源;

颜色混合:设计/替换 当前图层元件的当前帧的资源的混合颜色;

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...