cocos creator创建简单的动态网格

 如果初次尝试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. 必须要传索引,不然不会绘制。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值