Cocos+Studio使用教程1.pdf

《Cocos+Studio使用教程1.pdf》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CocosStudio使用教程鲍健运高级技术支持工程师，开发者关系部WhatisCocosStudio？WhatisCocosStudio？•Cocos2d-x引擎配套的跨平台游戏开发工具•快速构建游戏场景、编辑UI、编辑动画等游戏资源•支持第三方的资源导入•支持多种类型游戏的编辑•More……课程安排CocosStudio编辑动画基础使用控件构建游戏CocosStudio基础CocosStudio编辑动画基础使用控件构建游戏CocosStudio基础学习界面界面布局画布面板工具栏控制面板属性面板

2、资源面板动画面板工具栏(Toolbar)布局与排列预览按钮发布按钮运行启动分辨率设置屏幕方向切换控件面板(ControlsPanel)资源面板(ResourcePanel)红色表示实际资源文件夹中已不存在资源面板(ResourcePanel)右键菜单，更多功能单纯鼠标悬停，即可显示图片画布面板(Canvas)画布面板(Canvas)动画面板(AnimationPanel)动画控制工具时间轴动画编辑工具对象结构树动画面板(AnimationPanel)对象结构树“父子关系”动画面板(Animatio

3、nPanel)时间轴动画面板(AnimationPanel)动画控制工具动画编辑工具添加帧自动记录帧镜像参考属性面板(PropertyPanel)标题区域常规属性属性面板(PropertyPanel)尺寸属性高级属性CocosStudio基础资源工作流程资源工作流程导入资源使用资源输出资源导入资源•通过菜单导入–方法一：通过CocosStudio的菜单“文件—导入资源”–方法二：资源面板菜单项”导入资源“，导入资源至项目管理器中。•通过拖拽导入–直接将磁盘上的资源，通过拖拽的形式，直接导入至Coc

4、osStudio的资源面板、画布面板、属性面板（对应属性）、动画面板上。•通过属性导入–在编辑控件属性时，可以对控件的资源进行预览，并可以通过双击修改所引用的资源。使用资源•导入的资源最终会以控件属性的形式被使用输出资源•发布资源CocosStudio基础•偏好设置•快捷键构建游戏CocosStudio编辑动画基础使用控件构建游戏构建游戏第一步：新建游戏项目新建游戏项目•新建项目新建游戏项目•新建项目新建游戏项目•新建包含源代码项目包含Cocos2dx项目的目录结构构建游戏第二步：添加游戏资源添加

5、游戏资源•新建文件•调整游戏界面分辨率•文件之间的嵌套•导入资源•编辑合图新建文件场景图层节点合图建议大小<1024×1024新建文件•如何选择文件类型？改变游戏主体改变呈现内容新建文件如何选择文件类型？•需要改变呈现内容，但不改变操作→图层文件–eg：人物属性，物品背包，应用商店，技能学习等。•资源需要重复利用或无法通过简单控件来实现→节点文件–eg：人物，菜单栏，状态栏等。•需要将众多零散的图片合并成一张大图→合图文件–eg：一个人物的所有图片。调整游戏界面分辨率•何时需要调整游戏界面分辨率•

6、调整场景文件分辨率•调整图层文件画布大小文件之间的嵌套文件之间的嵌套什么时候需要进行文件嵌套？文件之间的嵌套文件嵌套规则•被嵌套的文件，在目标文件内以CSDFile类型表示•被嵌套的文件在目标文件内使用时，效果与源文件保持一致•文件不可循环嵌套•同一文件可以被多次嵌套在某文件内•被嵌套文件在更新内容并保存后，使用该文件的目标文件内容会及时更新同步•含有嵌套文件的文件在导出、导入、另存时，嵌套文件将一并操作导入资源导入方法一：•通过菜单导入导入资源导入方法二：•通过拖拽导入导入资源导入方法三：•通过

7、属性导入编辑合图编辑合图合图用法•步骤一：拖拽添加资源–在项目管理器选取图片资源，拖拽至画布面板。–从磁盘目录选取图片资源，拖拽至画布面板。编辑合图合图用法•步骤二：修改合图属性•说明：–尺寸–任意尺寸–自动裁切–最大尺寸–类型–间隙–可旋转–导出合图编辑合图合图用法•步骤三：删除碎图资源–点击键盘“Delete”键–右键选择“删除”构建游戏第三步：使用游戏控件使用游戏控件难度选择界面（DifficultSelect.csd）使用游戏控件游戏控件之间的关系使用游戏控件游戏控件之间的关系使用游戏控件

8、父子关系：•A→画布，B→A=>A为B父，B为A子•A→结构树，B→A=>A为B父，B为A子父子关系操作规则：•对父控件进行平移、旋转、缩放操作时，会影响子控件的渲染位置，但是父子控件的相对位置不变；•对子控件操作，父控件不受任何影响；•对父控件设置对齐方式时，子控件不受影响。如：对父控件设置左对齐，子控件不执行左对齐操作，仅与父控件的相对位置不变。使用游戏控件使用画布面板使用游戏控件使用画布面板-添加控件任务选择界面MissionSelect.csd使用游戏控件使用画布面板-添加