如果初次尝试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
效果如下:
需要注意的是:
1. 索引需要是顺时针,不然就看不见,只能漫游到背面查看。
2. 必须要传索引,不然不会绘制。