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

效果图:

在这里插入图片描述

实现代码:

		this.curve = new THREE.CatmullRomCurve3([
          new THREE.Vector3(-347, 50, -520),
          new THREE.Vector3(-347, 50, 35), new THREE.Vector3(-347, 50, 56), new THREE.Vector3(-364, 50, 52),
          new THREE.Vector3(-406, 50, 33),
          new THREE.Vector3(-449, 50, 31),
          new THREE.Vector3(-509, 50, 62),
          new THREE.Vector3(-542, 50, 82), new THREE.Vector3(-562, 50, 94), new THREE.Vector3(-555, 50, 109),
          new THREE.Vector3(-396, 50, 375)
        ])
        const geometry = new THREE.BufferGeometry().setFromPoints(this.curve.getPoints(5000))
        // 材质对象
        var material = new THREE.LineBasicMaterial({
          color: 'red'
        })
        // 线条模型对象
        var line = new THREE.Line(geometry, material)
        this.scene.add(line) // 线条对象添加到场景中
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值