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

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

## 效果图： ##

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAU3RyaW5n5L2z5L2z_size_20_color_FFFFFF_t_70_g_se_x_16]

## 实现代码： ##

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) // 线条对象添加到场景中

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAU3RyaW5n5L2z5L2z_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/265196e342e5495f8694624e064c2b80.png

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

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

相关阅读

相关（Spline）三次样条求解

次样条（Spline）算法在当前的主流数据计算的方法选择时，是一种常用的方法，下面这种算法是在晚上找到的一种算法，一、样条函数的定义样条函数属于分段光滑插值，他的...

系统管理员/ 2024年04月18日 15:32/ 0 赞/ 72 阅读

相关 UG NX 次开发-建模-求解两条样条曲线的最大距离

UG NX 次开发-建模-求解两条样条曲线的最大距离在UG NX中进行次开发时，经常需要进行建模和求解各种几何问题。本文将介绍如何使用C\语言编写代码，来求解两条样条曲线之

我不是女神ヾ/ 2024年03月26日 22:36/ 0 赞/ 47 阅读

相关用MATLAB语言写一个生成样条曲线代码

下面是一个生成样条曲线的 MATLAB 代码示例： x = [0,1,2,3,4,5]; % 数据点的横坐标 y = [1,2,0,-2,-1,0]; % 数

Love The Way You Lie/ 2024年03月25日 16:14/ 0 赞/ 43 阅读

相关 QCustomplot实现多条曲线查看某一条曲线上的点

当QCustomplot上有两条以上的曲线，怎么实现点击某一条曲线就查看这条曲线上的点呢？在鼠标移动事件中加入曲线选择判断条件，并通过setGraph函数将锚点和曲线连接起

Love The Way You Lie/ 2023年01月01日 13:51/ 0 赞/ 191 阅读

相关 B-样条曲线(B-spline Curve)总结

概述 B-样条曲线，是B-样条基函数的线性组合，是[贝塞尔曲线][Link 1]的一般化。给定n+1个控制点，P0,P1, ..., Pn以及一个节点向量U = \

系统管理员/ 2022年12月20日 05:36/ 0 赞/ 518 阅读

相关 CS3621 Introduction to Computing with Geometry Notes---包含了样条曲线，样条曲面，贝塞尔曲线，B样条曲线等等的大量的知识

密歇根技术大学的一点资料：书籍（课程）：CS3621 Introduction to Computing with Geometry Notes 计算几何的笔记，内容丰富

亦凉/ 2022年12月20日 05:36/ 0 赞/ 151 阅读

相关 B样条曲线的绘制

给定n+1个控制点Pi(i=0,1,2,3...,n),n次B样条曲线的参数表达式为： ![fef3953bccb71f99be80861962dc398a.png][]

落日映苍穹つ/ 2022年12月20日 03:06/ 0 赞/ 145 阅读

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

效果图： ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAU3Rya

深藏阁楼爱情的钟/ 2022年09月11日 00:17/ 0 赞/ 224 阅读

相关利用VBA实现AutoCAD的样条曲线SPline的打断转化

SolidWorks、coreldraw、PS、Illustrator等矢量绘图或3D图象图形设计处理软件，在进行CAD格式输出后，转出的CAD文件都是样条曲线SPLINE线

谁借莪１个温暖的怀抱￠/ 2022年08月04日 12:36/ 0 赞/ 374 阅读

相关抛物样条曲线的原理说明及画抛物曲线的一个类

朱金灿假如我们采用矢量表达式来表示参数化的二次曲线，那么可以把抛物线的表达式写成如下的一般形式： P(t)=A1\+ A2t+ A3t2 (0=<t<=1) 该抛物

向右看齐/ 2022年01月05日 09:47/ 0 赞/ 253 阅读