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

深藏阁楼爱情的钟 2022-09-11 00:17 241阅读 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 条评论，241人围观）

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

相关阅读

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

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

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

相关用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 赞/ 60 阅读

相关基于PCL的三次样条曲线拟合点云

基于PCL的三次样条曲线拟合点云近年来，点云处理在三维视觉和机器人领域中扮演着重要角色。其中，对点云进行曲线拟合是一个常见的任务，它可以用于分析表面形状、提取特征等。在本文

客官°小女子只卖身不卖艺/ 2024年03月22日 23:26/ 0 赞/ 85 阅读

相关 UE4（虚幻4）基础：编辑样条曲线实现道路

一.新建地形在模式中点击山形状的图标会出现以下界面； ![20200229112752945.png][] 下面那几个你可以自己随便调节一下看看都是干什么，都是可视

骑猪看日落/ 2023年07月09日 14:29/ 0 赞/ 6 阅读

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

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

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

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

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

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

相关 B样条曲线的绘制

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

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

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

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

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

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

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

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

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

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

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