推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 精灵的控制 在创建完精灵后，现在你能试着修改精灵的属性去控制它了。 创建精灵： auto mySprite = Sprite::create("mysprite.png"); 锚点 锚点确定了精灵对象在计算坐标位置的一个基准点，这个点是精灵内部的点，锚点影响精灵的缩放，旋转，倾斜这种转换，不影响颜色，透明度这种属性。锚点使用的坐标系以左下角为原点 (0, 0)，在你设置锚点的值时，要注意到这一点。默认情况下，所有的节点对象锚点是 (0.5, 0.5)。 设置锚点： // DEFAULT anchor point for all Sprites mySprite->setAnchorPoint(0.5, 0.5); // bottom left mySprite->setAnchorPoint(

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 使用精灵缓存 精灵缓存是 Cocos2d-x 为了提高精灵的访问速度，提供的一个精灵的缓存机制。 我们可以创建一个精灵并把精灵放到精灵的缓存对象 SpriteFrameCache 中： // Our .plist file has names for each of the sprites in it. We'll grab // the sprite named, "mysprite" from the sprite sheet: auto mysprite = Sprite::createWithSpriteFrameName("mysprite.png"); 相对的，我们也可以从精灵的缓存对象 SpriteFrameCache 访问一个精灵，访问方法是先从缓存对象中获取对应的 SpriteFrame，然后从 SpriteFrame创建精灵，方法： // this

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 使用图集 图集(Sprite Sheet) 是通过专门的工具将多张图片合并成一张大图，并通过 plist 等格式的文件索引的资源，使用图集比使用多个独立图像占用的磁盘空间更少，还会有更好的性能。这种方式已经是游戏行业中提高游戏性能的标准方法之一。 在使用图集时，首先将其全部加载到 SpriteFrameCache 中，SpriteFrameCache 是一个全局的缓存类，缓存了添加到其中的 SpriteFrame 对象，提高了精灵的访问速度。SpriteFrame 只加载一次，后续一直保存在 SpriteFrameCache 中。 示例： 单看这个图集，似乎很难分析出什么，让我们对比一下： 这就很容易看出来，它至少完成了将多个图像素材合为一个，同时减少了磁盘空间占用。 继续来看如何在代码中使用。 加载图集 获取到 SpriteFrameCache 的实例，把图集添加到实例中。 // load the Sprite Sheet auto spritecache = SpriteFra

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 精灵的创建 可以使用一张图像来创建精灵，PNG, JPEG, TIFF, WebP, 这几个格式都可以。当然也有一些其它的方式可以创建精灵，如使用 图集 创建，通过 精灵缓存 创建，我们会一个一个的讨论。本节介绍通过图像创建精灵。 使用图像创建 Sprite 能用一个特定的图像去创建: auto mySprite = Sprite::create("mysprite.png"); 上面直接使用了 mysprite.png 图像来创建精灵。精灵会使用整张图像，图像是多少的分辨率，创建出来的精灵就是多少的分辨率。比如图像是 200 x 200，Sprite 也是 200 x 200。 使用矩形 上一个例子，精灵和原始图像的尺寸一致。但是如果你想创建一个尺寸只有原始图像一部分的精灵，那你可以在创建的时候指定一个矩形，

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 日志输出 有时，在你的游戏正在运行的时候，为了了解程序的运行过程或是为了查找一个 BUG，你想看到一些运行时信息，可以! 这个需求引擎已经考虑到了，使用 log() 可以把信息输出到控制台，这样使用： // a simple string log("This would be outputted to the console"); // a string and a variable string s = "My variable"; log("string is %s", s); // a double and a variable double dd = 42; log(

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 节点关系 Cocos2d-x 的 节点关系，是被附属和附属的关系，就像数据结构中的父子关系，如果两个节点被添加到一个父子关系中，那么父节点的属性变化会被自动应用到子节点中。想一下处于父子关系中的精灵有什么特性。 这三个精灵被添加到了一个父子关系中，当父精灵(被其它精灵附属的精灵)设置了旋转角度之后，子精灵也会自动做同样的改变： auto myNode = Node::create(); // rotating by setting myNode->setRotation(50); 和旋转角度一样，如果你改变了父精灵的缩放比例，子精灵也会做同样的改变： auto myNode = Node::create(); // scaling by setting myNode->setScale(2.0); // scales uniformly by 2.0 需要注意的是，不是所有的父节点属性都会被自动应用到子节点，如改变父节点的锚点只会影响转换效果(

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 序列(Sequence) 能在屏幕上移动精灵，是制作一个游戏所需的一切，是吗？不是的，至少要考虑一下如何执行多个 Action。Cocos2d-x 通过 序列(Sequence) 来支持这种需求。 顾名思义，序列就是多个动作按照特定顺序的一个排列，当然反向执行这个序列也是可以的，Cocos2d-x 能很方便的完成这项工作。 让我们来看一个通过序列控制精灵移动的例子： 创建 Sequence ： auto mySprite = Node::create(); // move to point 50,10 over 2 seconds auto moveTo1 = MoveTo::create(2, Vec2(50,10)); // move from current position by

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 动作(Action) 创建一个场景，在场景里面增加精灵只是完成一个游戏的第一步，接下来我们要解决的问题就是，怎么让精灵动起来。动作(Action) 就是用来解决这个问题的，它可以让精灵在场景中移动，如从一个点移动到另外一个点。你还可以创建一个动作 序列(Sequence) ，让精灵按照这个序列做连续的动作，在动作过程中你可以改变精灵的位置，旋转角度，缩放比例等等。 在 代码示例 中，有对应的章节，执行效果是这样： 5s 后，精灵移动到了一个新的位置： Action 对象的创建： auto mySprite = Sprite::create("Blue_Front1.png"); // Move a sprite 50 pixels to the right, and 10 pixels

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 导演(Director) Cocos2d-x 使用导演的概念，这个导演和电影制作过程中的导演一样！导演控制电影制作流程，指导团队完成各项任务。在使用 Cocos2d-x 开发游戏的过程中，你可以认为自己是执行制片人，告诉 导演(Director) 该怎么办！一个常见的 Director 任务是控制场景替换和转换。 Director是一个共享的单例对象，可以在代码中的任何地方调用。 这是一个典型的游戏流程实例。当您的游戏设计好时，Director 就负责场景的转换： 你是你的游戏的导演。你决定着发生什么，何时发生，如何发生。 由3D建模学习工作室 翻译整理，转载请注明出处! 上一篇：Cocos Creator3D：相机 (mvrlink.com) 下一篇：Cocos2d-x：场景(Scene) (mvrlink.com)

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 模型组件 模型组件用于显示一个静态的3D模型。通过mesh设置模型网格，通过material改变模型外观。 属性功能mesh用于渲染的3D模型资源。materials用于渲染模型的材质，一个材质对应mesh中的一个submesh。shadowCastingMode指定当前模型是否会投射阴影，需要先在场景中启用平面阴影系统。visibility用于模型会被哪个摄像机渲染，只有visibility与模型相同的摄像机才会渲染该模型。 模型分组渲染 分组渲染功能是通过相机组件(Camera) 的 Visibility 属性配合节点的 Layer 属性共同决定。用户可通过代码设置 Visibility 的值来完成分组渲染。所有节点默认都属于 DEFAULT 层，在所有相机都可见。 静态合批 目前静态合批方案为运行时静态合批，通过调用 BatchingUtility.batchStaticModel 可进行静态合批。 该函数接收一个节点，然后将该节点下的所有 MeshRenderer 里的 Mes

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 声音系统总览 声音系统的接口主要面向两类需求，一类是长度较长，循环持续播放的 “音乐”，一类是长度较短，一次性播放的 “音效”。 所有音频资源都会在编辑器内导入成 AudioClip 资源，要播放声音，首先需要在场景里创建 AudioSource。 对于音乐，可以直接将 AudioClip 赋给 AudioSource 上的 clip 属性，勾选 playOnAwake 属性或脚本调用组件的 play 方法来控制播放； 对于音效，可以在脚本里调用 AudioSource 的 playOneShot 方法，在调用时传入要播放的音效片段和音量。 注意虽然 AudioClip 资源本身也直接有 play 等接口实现，但 AudioSource 才是常规的播放入口，请尽量使用组件完成工作流。 音频相关事件 所有的 AudioClip

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 UI 自定义材质 从 1.2 版本开始， UI 的 Sprite 组件支持自定义材质的使用，其使用界面如下图： 其使用方法与其他材质并无不同，但由于 Sprite 面板有基于 UI 内置材质的功能，所以有一些需要注意的点： * 当设置自定义材质数量为 0 或为空时，会使用默认材质进行渲染，面板功能及使用方法可参考 Sprite * UI 并不支持多材质，自定义材质的数量最多为一个 * 当使用了 ui 自定义材质之后，面板上的 Grayscale 功能将会失效，用户可选择自己在材质中实现此功能 * 设置了自定义材质之后，面板上的 Color 属性会与本身材质中设置的颜色（如果有的话）混合影响精灵的渲染颜色 * 针对自定义材质，需要在 shader 中引入 cc-sprite-texture 头文件并对

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 自动布局容器 Layout（自动布局）组件可以挂载在任何节点上，将节点变成一个有自动布局功能的容器。所谓自动布局容器，就是能够自动将子节点按照一定规律排列，并可以根据节点内容的约束框总和调整自身尺寸的容器型节点。 布局模式（Layout Type） 自动布局组件有几种基本的布局模式，可以通过 Layout Type 属性进行设置，包括以下几种。 水平布局（Horizontal) Layout Type 设为 Horizontal 时，所有子节点都会自动横向排列，并根据子节点的宽度（Width）总和设置 Layout 节点的宽度。上图中 Layout 包括的两个 Label 节点就自动被横向排列。 水平布局模式下，Layout 组件不会干涉节点在 y 轴上的位置或高度属性，子节点甚至可以放置在 Layout 节点的约束框高度范围之外。如果需要子节点在 y 轴向上对齐，

推荐：将NSDT场景编辑器加入你的3D工具链 3D工具集：NSDT简石数字孪生 分组掩码 在 Cocos Creator 3D 中，部分物理组件（目前有刚体组件和碰撞器组件）提供了设置分组和掩码的接口。 共享 在 Cocos Creator 3D 中，目前物理元素和节点是一对一的关系，分组和掩码是属于物理元素的，单个节点上的物理组件修改的都是节点对应物理元素的分组和掩码。 原理 只要以下条件为真就会进行检测 (GroupA & MaskB) && (GroupB & MaskA) 例如：两个物理元素A和B。 A的分组值为1，掩码值为3 B的分组值为2，掩码值为2 算式(1 & 2) && (2 & 3)为假，所以这里A不会和B进行检测。 这里通过B的掩码值为2，可以知道B可检测的组是1，而A在的组是0，所以不检测。 注：表达式依赖位运算，javascript中位运算的操作数是32位的，并且最后一位是符号位，为避免超出运算范围，