threejs学习之自定义几何体BufferGeometry

最新推荐文章于 2025-03-10 14:05:34 发布

独断万古的伊莉雅

最新推荐文章于 2025-03-10 14:05:34 发布

阅读量263

点赞数 1

分类专栏： threejs学习笔记文章标签：学习前端 javascript

本文链接：https://blog.youkuaiyun.com/zzz18789/article/details/138442641

版权

本文介绍了在Three.js中创建自定义几何体的两种方法：一是提供完整的顶点坐标，包括冗余的边；二是仅提供必要坐标并利用索引控制绘制顺序，避免重复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

几何体是由坐标点绘制成线，线绘制成三角形，多个三角形拼接成的。
这次学习了两个自定义几何体的方法，第一个通过编写完整的顶点坐标，绘制一个正方形。

  // 创建一个简单的矩形. 在这里我们左上和右下顶点被复制了两次。
  // 因为在两个三角面片里，这两个顶点都需要被用到。（按照x,y,z的顺序编写坐标）
  const vertices = new Float32Array([
    -1.0, -1.0, 1.0,  // 左下
    1.0, -1.0, 1.0,  // 右下
    1.0, 1.0, 1.0,