Threejs封装电流效果

2021-10-11 17:00:47 阅读：492 来源： 互联网

标签：Threejs electricLine 封装 Vector3 THREE new 电流 500

利用Threejs封装电流效果，在initObject方法中添加一个路径就可以

  //样条线,根据规划的路径显示电流 云
        const curve_catmullRom3 = new THREE.CatmullRomCurve3( [
            new THREE.Vector3( 500, 500, 0 ),
            new THREE.Vector3(900, 600, 0 ),
            new THREE.Vector3(450, 200, 0 ),
            new THREE.Vector3(1100, 500, 0 ),
            new THREE.Vector3(1150, 450, 0 )
        ] );
        //根据样条线获得详细的点，用于处理拐角不平滑的问题
        let electricLine_sub3 = curve_catmullRom3.getPoints( 50 );
        electricLinePointArray.push({curIndex:0,pointList:electricLine_sub3});

如果需要修改电流的震动幅度修改electricLine.rayParams的参数

electricLine.rayParams = {
            sourceOffset: new THREE.Vector3(),   //电起点
            destOffset: new THREE.Vector3(),     //电重点
            radius0: 6,   //起点线的粗细0.1 -10   起始最好保持一致
            radius1: 6,  //结束线的粗细0.1 -

标签：Threejs,electricLine,封装,Vector3,THREE,new,电流,500
来源： https://blog.csdn.net/myfmyfmyfmyf/article/details/120706514

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Threejs封装电流效果