推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 2D 物理系统 物理系统隐藏了大部分物理模块（Box2D 和 Builtin 模块）实现细节（比如创建刚体，同步刚体信息到节点中等）。 可以通过物理系统访问一些物理模块常用的功能，比如点击测试、射线测试、设置测试信息等。 物理系统相关设置 开启物理系统 物理系统默认是开启的，代码如下： PhysicsSystem2D.instance.enable = true; 绘制物理调试信息 物理系统默认是不绘制任何调试信息的，如果需要绘制调试信息，请使用 debugDrawFlags。 物理系统提供了各种各样的调试信息，可以通过组合这些信息来绘制相关的内容。 PhysicsSystem2D.instance.debugDrawFlags = EPhysics2DDrawFlags.Aabb | EPhysics2DDrawFlags.Pair | EPhysics2DDrawFlags.CenterOfMass | EPhysics2DDrawFlags.J

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 兼容性说明 Web 平台音频资源的加载模式 Web 平台上的音频资源比较特别，因为 Web 标准支持以两种不同的方式加载音频资源，分别是： * Web Audio：提供相对更加现代化的声音控制接口，在引擎内是以一个 audio buffer 的形式缓存的。这种方式的优点是兼容性好，问题比较少。 * DOM Audio：通过生成一个标准的 audio 元素来播放音频资源，在引擎内缓存的就是这个 audio 元素。使用标准的 audio 元素播放音频资源时，在某些浏览器上可能会遇到一些兼容性问题，比如 iOS 上的浏览器不支持调整音量大小，所有 volume 相关属性将不会生效。 目前 Cocos Creator 默认以 Web Audio 的方式加载音频资源，但如果检测到当前浏览器不支持加载 Web Audio，

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 音频播放管理器示例 由于 Cocos Creator 3.x 移除了 v2.x cc.audioEngine 系列的 API，统一使用 AudioSource 控制音频播放。 但在实际项目开发中，我们仍然需要一个方便随时调用的音频播放管理器，可参考或直接使用以下代码： //AudioMgr.ts import { Node, AudioSource, AudioClip, resources, director } from 'cc'; /** * @en * this is a sington class for audio play, can be easily called from anywhere in you

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 动画状态 动画剪辑仅描述某一类对象的动画数据，例如角色的跑、走、跳等，但并未绑定具体要执行动画的对象。动画状态便是用于控制在某个对象上使用的动画剪辑，类似于播放机，除了提供动画组件也有的简单的控制函数外，还提供了更多的动画信息以及动画控制接口，允许对动画播放进行调速、设置循环模式等控制。一个动画剪辑可以同时被多个动画状态使用。 动画状态由 类 AnimationState 管理。 设置播放速度 首先可以通过 getState() 获取动画状态： // 获取动画组件 const animationComponent = node.getComponent(Animation); // 获取动画组件上的动画剪辑 const [ idleClip, runClip ] = animationComponent.clips; // 获取 idleClip 的动画状态 const idleState = animationComponent.getState(idleClip.name); 然

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 程序化控制动画 动画组件 动画组件管理了一组动画状态，用于控制各动画的播放、暂停、继续、停止、切换等。动画组件会为每一个动画剪辑都创建相应的 动画状态 对象，动画状态用于控制需要在对象上使用的动画剪辑。 在动画组件中，动画状态是通过名称来标识的，每个动画状态的默认名称就是其动画剪辑的名称。 在脚本中为节点添加动画组件的方式如下： import { Animation, Node } from 'cc'; function (node: Node) { const animationComponent = node.addComponent(Animation); } 动画的播放与切换 播放动画 动画组件通过 play() 控制指定动画的播放，例如： // 播放动画状态 'idle' animationComponent.play('idle'); 使用 play 播放动画时若未指定具体动画，并且设置了 defaultClip，则会播放

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 程序化编辑动画剪辑 注意：从 v3.3 开始，动画剪辑接口经历了较大的变动，详情可参考 动画剪辑数据升级指南。 Creator 除了支持在 动画编辑器 中 创建动画剪辑，还可以通过脚本模块程序化地创建动画剪辑，例如： import { animation, AnimationClip, Vec3 } from "cc"; const animationClip = new AnimationClip(); animationClip.duration = 1.0; // 整个动画剪辑的周期 const track = new animation.VectorTrack(); // 创建一个向量轨道 track.componentsCount = 3; // 使用向量轨道的前三条通道 track.path = new animation.TrackPath(

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 曲线编辑视图 在创建了基本的动画剪辑之后，我们可以通过编辑动画曲线来控制关键帧之间如何随着时间推移而变化。动画曲线实际上是由当前属性轨道上各个关键帧连接而成的线性轨迹，每个关键帧是这条曲线路径上的控制点。曲线编辑视图下，可以更直观的看到关键帧值的变化，方便更加细腻的调节关键帧数值变化。 点击属性列表边上的切换视图按钮 可以切换到曲线编辑视图。 切换到曲线编辑视图后，可以看到属性列表上会显示线条标记，不支持曲线编辑的属性轨道上不会显示线条标记，选中对应的属性轨道也无法正常显示曲线。当对应的曲线在曲线编辑区域显示时，线条标记将会会显示对应曲线颜色，在属性菜单区域也会显示当前选中的曲线名称。 认识曲线编辑器 动画编辑器里内置了曲线编辑器用于动画曲线编辑，这里的曲线编辑器和粒子的曲线编辑器其实是一样的。只不过在通用曲线编辑的基础上，动画编辑器内做了一些定制处理，更加完善的支持了曲线关键帧的编辑。 关于曲线编辑的一些通用功能请参考 曲线编辑器 的相关文档。 除了一些通用的曲线编辑操作以外，动画编

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 关键帧编辑视图 节点轨道显示区域与属性轨道显示区域，默认均为关键帧编辑视图的显示方式。在这种视图下，可以更方便的编辑整体的关键帧排布、添加以及删除关键帧。下面介绍在关键帧编辑视图下，支持的各种关键帧操作方法，了解这些方法技巧可以更快更方便地编辑动画剪辑。 选中关键帧 选中的关键帧会由蓝色变成白色，包括以下几种： * 单击动画属性轨道上的关键帧即可选中 * 双击关键帧则会在选中关键帧的同时将时间控制线移动到当前关键帧所在位置 * 单击节点在动画时间轴中的关键帧，即可同时选中节点的各个动画属性在同一位置上的所有关键帧。 同时也支持多选关键帧，包括以下几种方式： * 按住 Ctrl/Cmd 的同时点击多个关键帧 通过框选的方式选择多个连续的关键帧，方框左右两侧会分别显示首尾关键帧在动画时间轴中的帧数。 * 选中任一属性轨道 后，按下 Ctrl/Cmd + A 即可全选当前动画属性轨道上的所有关键帧。 添加关键帧 除了 创建动画曲线 中介绍的通过修改属性的方式来添加关键帧，还