《Cocos+Studio使用教程1》由会员分享,可在线阅读,更多相关《Cocos+Studio使用教程1(77页珍藏版)》请在金锄头文库上搜索。
1、Cocos Studio 使用教程 鲍健运 高级技术支持工程师 开发者关系部 What is Cocos Studio What is Cocos Studio Cocos2d x引擎配套的跨平台游戏开 发工具 快速构建游戏场景 编辑UI 编辑动 画等游戏资源 支持第三方的资源导入 支持多种类型游戏的编辑 More 构建游戏 使用控件 Cocos Studio 基础 编辑动画 课程安排 构建游戏 使用控件 Cocos Studio 基础 编辑动画 Cocos Studio 基础 学习界面 Cocos Studio 基础 界面布局 工具栏 控制面板 资源面板 画布面板 属性面板 动画面板 工具栏
2、 Toolbar 布局与排列 预览按钮发布按钮 分辨率设置 运行启动 屏幕方向切换 控件面板 Controls Panel 资源面板 Resource Panel 红色表示实际资源文件夹中已不存在 资源面板 Resource Panel 单纯鼠标悬停 即可显示图片 右键菜单 更多功能 画布面板 Canvas 画布面板 Canvas 动画面板 Animation Panel 对象结构树 时间轴 动画控制工具 动画编辑工具 动画面板 Animation Panel 对象结构树 父子关系 动画面板 Animation Panel 时间轴 动画面板 Animation Panel 动画控制工具 动画编
3、辑工具 添加帧自动记录帧镜像参考 属性面板 Property Panel 标题区域 常规属性 属性面板 Property Panel 尺寸属性 高级属性 资源工作流程 Cocos Studio 基础 资源工作流程 导入资源 使用资源 输出资源 导入资源 通过菜单导入 方法一 通过Cocos Studio的菜单 文件 导入资源 方法二 资源面板菜单项 导入资源 导入资源至项目管理器 中 通过拖拽导入 直接将磁盘上的资源 通过拖拽的形式 直接导入至Cocos Studio的资源面板 画布面板 属性面板 对应属性 动画面 板上 通过属性导入 在编辑控件属性时 可以对控件的资源进行预览 并可以通过双
4、击修改所引用的资源 使用资源 导入的资源最终会以控件属性的形式被使用 输出资源 发布资源 Cocos Studio 基础 偏好设置 快捷键 构建游戏 使用控件 Cocos Studio 基础 编辑动画 构建游戏 第一步 新建游戏项目 构建游戏 新建游戏项目 新建项目 新建游戏项目 新建项目 新建游戏项目 新建包含源代码项目 包含Cocos2dx项目的目录结构 第二步 添加游戏资源 构建游戏 添加游戏资源 新建文件 调整游戏界面分辨率 文件之间的嵌套 导入资源 编辑合图 新建文件 场景 图层节点合图 建议大小 A 为 B 父 B 为 A 子 A 结构树 B A A 为 B 父 B 为 A 子 父
5、子关系操作规则 对父控件进行平移 旋转 缩放操作时 会影响子控件的 渲染位置 但是父子控件的相对位置不变 对子控件操作 父控件不受任何影响 对父控件设置对齐方式时 子控件不受影响 如 对父控 件设置左对齐 子控件不执行左对齐操作 仅与父控件的 相对位置不变 使用游戏控件 使用画布面板 使用游戏控件 使用画布面板 添加控件 任务选择界面 MissionSelect csd 使用游戏控件 使用画布面板 添加控件 拖拽添加控件 在控件面板选取控件 拖拽至画布面板 在项目管理器选取资源 拖拽至画布面板 csd png jpg 从磁盘目录选取资源 拖拽至画布面板 png jpg 右键添加控件 右键菜单向
6、其添加子控件 使用游戏控件 使用画布面板 调整控件 使用游戏控件 使用画布面板 调整控件 单选调整控件 添加资源 删除控件 移动 缩放 旋转 倾斜 移动锚点 右键 移动 缩放 旋转 倾斜 移动锚点 使用游戏控件 使用画布面板 调整控件 多选调整控件 按Ctrl的同时单击多个控件 在画布拉取选择框 框选多个控件 多选控件将作为一个整体操作 删除 移动 缩放 旋转 倾斜 多选控件的右键菜单 剪切 复制 粘贴 删除 对齐方式 九种对齐类型 中心对齐 上对齐 垂直居中 下对齐 左对齐 水平居中 右 对齐 水平分布 垂直分布 使用游戏控件 游戏控件的位置 使用游戏控件 游戏控件的位置 使用游戏控件 相对
7、位置规则 控件的坐标数值表示该控件距离其父控件的左下顶点的坐 标偏移量 使用游戏控件 游戏控件的布局 第四步 编辑控件属性 构建游戏 编辑控件属性 编辑控件属性 指定资源引用 通过属性面板设置 控件右键菜单设置 快速拖拽资源设置 编辑控件属性 指定资源引用 通过属性面板设置 编辑控件属性 指定资源引用 控件右键菜单设置 编辑控件属性 指定资源引用 控件右键菜单设置 目前支持此功能的控件 按钮 设置按钮样式 复选框 设置复选框样式 精灵 设置精灵资源 图片 设置图片资源 艺术数字 设置标签样式 FNT字体 设置FNT字体资源 进度条 设置进度条样式 滑动条 设置滑动条样式 粒子 设置粒子文件 地图 设置地图文件 声音 设置声音文件 编辑控件属性 指定资源引用 快速拖拽资源设置 1 拖拽资源面板资源至画布面板对应资源上 2 拖拽资源面板资源至属性面板对应属性上 编辑控件属性 如何使用九宫格 编辑控件属性 制作方法 编辑控件属性 九宫格用法 在属性面板开启使用九宫格功能 根据给出的尺寸属性 设置不失真的区域 修改控件尺寸至您需要的大小即可 编辑控件属性 九宫格原理 第五步 调试游戏项目 构建游戏 调试游戏项目 输出游戏资源 输出游戏资源 构建发布 Contact us 商务邮箱 edu chukong 触控开发者平台 谢谢