朱皮特的烂笔头

Cocos Creator使用汇总备查

2023/04/01 program 共 1468 字，约 5 分钟

Cocos Creator编辑器相关

  • 资源文件的存放结构：
    1. 原始素材存放在assets\resources目录下，可以分类存放；
    2. typescript脚本文件存放在assets\ts目录下；
    3. 编辑器中制作的资源存放assets目录下分类存储，例如assets\prefab下存放预制体文件，assets\animation下存放制作的动画文件；
  • 右键选中空白区域可以拖动
  • 创建精灵：
    1. 直接拖放图片进去即可
    2. 在层级管理器中右键创建2D-精灵，然后拖放图片到其右侧的属性中
  • 为节点挂载脚本，在层级管理器中选中节点，然后拖放资源管理器中的脚本文件到节点右侧的属性面板里即可。
  • 创建预制体：精灵修改好后再拖回到资源管理器中即可。后面使用直接拖放预制体到层级管理器。
  • 创建点击缩放效果：添加组件 - Button - Transition - Scale，使用默认参数即可。
  • 使用文本组件：添加空节点 - 添加Label
  • 创建逐帧动画：创建精灵 - 添加组件Animation - 进入动画编辑器 - 添加一个SpriteFrame轨道 - 拖放图片序列。
    1. 在层级管理器中创建一个新的 Sprite 节点或选择已有的 Sprite 节点。这将作为动画的基本显示对象。
    2. 在右侧的属性检查器中，点击 “Add Component” 按钮，然后搜索 “Animation” 并添加 Animation 组件到选中的节点。
    3. 选中带有 Animation 组件的节点，然后在属性检查器中找到 Animation 组件。
    4. 点击 Animation 组件中的 “Create a new animation clip” 按钮，为动画片段指定一个名字并保存。新创建的动画片段将自动添加到 Animation 组件的 Clips 列表中。
    5. 打开动画编辑器：点击 Creator 编辑器顶部的 “Animation” 按钮，或者按快捷键 Ctrl/Cmd + 6。
    6. 在动画编辑器的左侧，确保当前选中的动画片段是您刚刚创建的片段。
    7. 在资源管理器中，选中您的图片序列资源，将它们拖放到动画编辑器的轨道区域。Creator 将自动为这些图片创建一个新的 SpriteFrame 轨道，以及对应的关键帧。
    8. 您可以通过调整关键帧之间的时间间隔来改变动画播放的速度。点击并拖动关键帧，将其移动到所需的时间位置。
    9. 如果需要，您可以在动画编辑器中预览动画。点击编辑器底部的播放按钮或按空格键来播放/暂停动画。
    10. 保存您的动画片段。点击动画编辑器右上角的 “Save” 按钮，或按 Ctrl/Cmd + S。
  • Tiledmap（瓦块地图）：

API

场景

加载和切换场景

  • 加载和切换场景：director.loadScene
  • 预加载：`director.preloadScene

音效

AudioSource 组件参考

  • 播放长音乐：play
  • 播放短音效：playOneShot

动作

碎图/图集

三方工具

文档信息

Search

    Table of Contents