Add a control point to the CatmullRomCurve3

Tuan_Nguyen_Anh · January 1, 2021, 2:43am

I want to create a new control point where the user clicks to the curve. Is there any way to add a control point exactly where the ray-caster meets the line constructed from the curve points.

I can add a control point at the of the curve or in the middle of the curve if I know the position of the control point relative to knew one.
Here is my experiment :

github.com

draibolit/threejs-spline/blob/4ea65ce8d9a9d92b27792788fc3fa81076569988/src/spline.js

'use strict'

import * as THREE from "three";
import { TransformControls } from "three/examples/jsm/controls/TransformControls.js";
import { GUI } from "three/examples/jsm/libs/dat.gui.module.js";

/*
Create spline curve base on CatmullRomCurve3 algorithm
  Each control points in the curve will be attached with an obj helper
  Current problem: the more control points will be created, the more unsmoothy
    the curve will be due to to fixed number of segs in its line mesh
  */
class Spline {
  constructor(scene, new_positions) {
    this.scene = scene;

    this.splinePointsLength = new_positions.length;
    this.positions = []; // save the common vecs of objs and spline

    // Helper objs:

This file has been truncated. show original

Pls, have a look at addControlPoint(vector3, afterPosition)
Any suggestion? Thank you and happy new year!

Topic		Replies	Views
Need to add points to The spline Questions textures , geometry , camera , animation , gltf-loader	6	529	April 7, 2023
Hover functionality with THREE.points and raycaster Questions raycaster , orbit-controls , points , point , react-three , react-threedrei	3	645	July 18, 2023
Raycaster not working correctly with pointsGeometry Questions animation	2	275	September 15, 2023
How do i add click event to a mesh? Questions raycaster	3	14114	October 21, 2022
Mouse event in three js Questions geometry	6	14020	February 2, 2018

Add a control point to the CatmullRomCurve3

Related Topics