如果初次尝试cocos的动态网格创建,一定会遇到非常多的问题。

所以刚开始使用,最好用一个简单的东西来实现,逐步的复杂化。

下面代码展示了一个最基础的三角面的创建。

代码:

private initDyMesh() {
    const pos = new Float32Array(9);
    pos[0] = 0;
    pos[1] = 0;
    pos[2] = -2;
    pos[3] = 0;
    pos[4] = 2;
    pos[5] = -2;
    pos[6] = 3;
    pos[7] = 0;
    pos[8] = -2;
    const ind = new Uint16Array(3);
    ind[0] = 0;
    ind[1] = 2;
    ind[2] = 1;
    utils.MeshUtils.createDynamicMesh(0, { positions: pos, indices16: ind }, this.dyMesh, {
      maxSubMeshes: 1,
      maxSubMeshIndices: 3,
      maxSubMeshVertices: 3,
    });
    this.dyMesh.updateSubMesh(0, { positions: pos, indices16: ind });
    this.dyMeshRenderer.mesh = this.dyMesh;
    this.dyMeshRenderer.onGeometryChanged();
  }

这里创建了一个三角面,3个点。加3个点的索引。

更详细的内容可以查阅cocos官方文档和案例
程序化创建网格 · Cocos Creator

cocos动态网格案例

效果如下:

 需要注意的是:

1. 索引需要是顺时针,不然就看不见,只能漫游到背面查看。

2. 必须要传索引,不然不会绘制。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐