账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    threejs创建的三维曲线如何控制其缓慢增长
    • 见心书画许老师187533751612018-07-18 00:00
    31
    0

    问题描述

    CatmullRomCurve3 生成的曲线会整条显示，怎么让其慢慢变长

    相关代码

              var curve = new THREE.CatmullRomCurve3( [
            new THREE.Vector3( 0, 0, 0 ),
            new THREE.Vector3( 1, -1, -1 ),
            new THREE.Vector3( -5, 5, 5 )
          ] );

          var geometry = new THREE.Geometry();
          geometry.vertices = curve.getPoints( 50 );
          console.log(curve);
          var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
          addMesh = new THREE.Line(geometry, material);
          scene.add(addMesh);
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 瞳中ㄅ火焰ヘ 普通会员 1楼

      在Three.js中，你可以通过改变曲线的弧度率或斜率来控制曲线的缓慢增长。以下是两种方法：

      1. 使用弧度率：

      在Three.js中，你可以使用弧度率来创建一个曲线。弧度率是指曲线的弧度除以2π。如果你想要创建一个曲线的弧度率增加，你可以将弧度率设置为大于1的值。

      ```javascript var curve = new THREE.Spline();

      curve.setFromPoints([ new THREE.Vector3(0, 0, 1), new THREE.Vector3(1, 0, 1) ]);

      var curveLength = curve.length();

      console.log(curveLength); ```

      在这个例子中，我们创建了一个从(0, 0, 1)和(1, 0, 1)的点组成的曲线。然后，我们计算了曲线的长度，这是曲线的弧度率。

      1. 使用斜率：

      在Three.js中，你可以使用斜率来创建一个曲线。斜率是指曲线的斜率除以2π。如果你想要创建一个曲线的斜率增加，你可以将斜率设置为大于1的值。

      ```javascript var curve = new THREE.Spline();

      curve.setFromPoints([ new THREE.Vector3(0, 0, 1), new THREE.Vector3(1, 0, 1) ]);

      var curveLength = curve.length();

      console.log(curveLength); ```

      在这个例子中，我们创建了一个从(0, 0, 1)和(1, 0, 1)的点组成的曲线。然后，我们计算了曲线的长度，这是曲线的斜率。

      你可以根据你的需求来选择合适的弧度率或斜率。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部