Cocos Creator学习笔记-【编辑器面板】篇

·  阅读 1545
Cocos Creator学习笔记-【编辑器面板】篇

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

欢迎关注公众号【空名先生】获取更多资源和交流!

👉前提

游戏娱乐是学习的一种有效方式。

👉实践过程

😜场景编辑器

可自由切换是3D视图还是2D视图

3D视图快捷键:

  • 鼠标左键 + Alt:以视图中心点为中心旋转。
  • 鼠标中键:平移视图。
  • 鼠标滚轮:以视图中心点为中心缩放视图。
  • 鼠标右键 + WASD:摄像机漫游。
  • F 快捷键:摄像机聚焦到当前选中节点。

2D视图快捷键:

  • 鼠标中键:平移视图。
  • 鼠标滚轮:以当前鼠标悬停位置为中心缩放视图。
  • 鼠标右键:平移视图。
  • F 快捷键:摄像机聚焦到当前选中节点。

变换工具:

和Unity的QWER变换一样都是移动/缩放/旋转/矩形变化,不同的是快捷键为WERT 注意:文本默认是自动填充满宽度自适应的,矩形变换工具无法随时扩大缩小宽高。

😜资源/层级管理器和属性检查器

和Unity一致,无明显区别。

😜控制台

展示和Unity无明显区别,多个自定义功能,可快速打开日志里的超链接,图片,或者定位节点。(其实Unity借助插件也可以做到)

支持输出以下内容:

  • 根据 URL 跳转链接
  • 根据 URL 显示图片
  • 根据 URL 或 UUID 定位到 Asset 资源
  • 根据 UUID 定位到 Node 节点
  • 根据磁盘文件路径 path 定位到脚本文件
  • 输出对应语言的文案 示例(代码中就要那么写-link是外部跳转链接,Image是显示图片,Asset是定位到资源,node是定位到节点,i18n是多语言翻译):
console.log('Open {link[the help doc url](https://docs.cocos.com/creator/manual/en/editor/console/)}');
console.log('Locate {link[ the file in library](D:/cocos-creator/a/library/36/36b55a90-1547-4695-8105-abd89f8a0e5f.js)}');
console.log('Locate Node UUID {node(f6zHdGKiZDhqbDizUsp8mK)}');
console.warn('Locate Asset UUID {asset(17185449-5194-4d6c-83dc-1e785375acdb)}');
console.error('Locate Asset URL {asset(db://assets/animation.anim)}');
console.log('The URL is {asset[{asset(db://assets/animation.anim)}](db://assets/animation.anim)}');
console.log('Show image {image(https://forum.cocos.org/images/logo.png)}');
console.log('Translate: {i18n(console.description)}');
复制代码

😜偏好设置

数值默认步长:用于设置 属性检查器 中通过步进按钮调整数值属性时的步长幅度。默认步长为 0.001。

image.png

引擎管理器

  • 使用内置 TypeScript 引擎:是否使用 Cocos Creator 安装路径下自带的 engine 路径作为 TypeScript 引擎路径。这个引擎用于编辑器里场景的渲染、内置组件的声明(也就是使用代码编辑器,如 VSCode 时的智能提示),以及场景在 Web 环境下的预览。
  • 自定义 TypeScript 引擎路径:除了使用自带的 engine,也可以前往 engine 仓库(GitHub | Gitee)克隆或 fork 一份引擎到本地的任意位置进行定制,然后取消勾选 使用内置 TypeScript 引擎,并将 自定义 TypeScript 引擎路径 指定为定制好的引擎路径,就可以在编辑器中使用这份定制后的引擎了。
  • 使用内置原生引擎:是否使用 Cocos Creator 安装路径下自带的 cocos2d-x 路径作为原生引擎路径。这个引擎用于构建发布时所有原生平台(iOS、 Android、Mac、Windows)的工程构建和编译。
  • 自定义原生引擎路径:取消上一项 使用内置原生引擎 的选择后,就可以手动指定原生引擎路径了。注意这里使用的原生引擎必须从 engine-native(GitHub | Gitee)或该仓库的 fork 下载。

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢欢迎点赞👍收藏🌟留言📝

收藏成功!
已添加到「」, 点击更改