threejs--BufferGeometry、CatmullRomCurve3创建样条曲线

深藏阁楼爱情的钟 2022-09-11 00:17 338阅读 0赞

效果图：

在这里插入图片描述

实现代码：

  1. this.curve = new THREE.CatmullRomCurve3([
  2.           new THREE.Vector3(-347, 50, -520),
  3.           new THREE.Vector3(-347, 50, 35), new THREE.Vector3(-347, 50, 56), new THREE.Vector3(-364, 50, 52),
  4.           new THREE.Vector3(-406, 50, 33),
  5.           new THREE.Vector3(-449, 50, 31),
  6.           new THREE.Vector3(-509, 50, 62),
  7.           new THREE.Vector3(-542, 50, 82), new THREE.Vector3(-562, 50, 94), new THREE.Vector3(-555, 50, 109),
  8.           new THREE.Vector3(-396, 50, 375)
  9.         ])
  10.         const geometry = new THREE.BufferGeometry().setFromPoints(this.curve.getPoints(5000))
  11.         // 材质对象
  12.         var material = new THREE.LineBasicMaterial({ 
  13.           color: 'red'
  14.         })
  15.         // 线条模型对象
  16.         var line = new THREE.Line(geometry, material)
  17.         this.scene.add(line) // 线条对象添加到场景中

发表评论

表情：
评论列表 （有 0 条评论，338人围观）

还没有评论，来说两句吧...

相关阅读