How to use the CatmullRomCurve3 function from three

Find comprehensive JavaScript three.CatmullRomCurve3 code examples handpicked from public code repositorys.

main.js

GitHub: mgstauffer/Project2-Toolbox-Functions

48
49
50
51
52
53
54
55
56
57
    }
});

    //// curve
    stauff.curveUp = new THREE.CatmullRomCurve3( stauff.controlPointsUp );
    stauff.curveDown = new THREE.CatmullRomCurve3( stauff.controlPointsDown )
    
    var curve = new THREE.CatmullRomCurve3( stauff.controlPointsUp );
    var geometry = new THREE.Geometry();
    geometry.vertices = stauff.curveUp.getPoints( 50 );

+ 63 other calls in file

extrudeScene.js

GitHub: hicview/hicview-frontend

38
39
40
41
42
43
44
45
46
47
  options: optionsDefault
})
let { options } = parsedArgs
this.options = options
let { shape, divisions } = options
let extrudePath = new THREE.CatmullRomCurve3(points)
if (shape === 'circle') {
  shape = circleShape(options.radius, options.shapeDivisions)
}
let extrudeSettings = {

line3DModel.js

GitHub: hicview/hicview-frontend

3
4
5
6
7
8
9
10
11
12
require('./lines/LineMaterial.js')
require('./lines/Line2.js')
const line3DGeometry = function (points, color, divisions = 1) {
  let positions = []
  let colors = []
  let spline = new THREE.CatmullRomCurve3(points)

  for (let i = 0, l = points.length * divisions; i < l; i++) {
    let point = spline.getPoint(i / l)
    positions.push(point.x, point.y, point.z)

+ 7 other calls in file

Ribbons.js

GitHub: arturitu/webvr-ribbons

36
37
38
39
40
41
42
43
44
        var splineArr = [];
        for ( var i=1; i<=totalPoints; i++){
                splineArr.push ( myCurve.getPoint( totalPoints/i ) );
        }

        this.spline = new THREE.CatmullRomCurve3( splineArr );
        this.setLinesGlow ( this.spline , 50);
};

+ 3 other calls in file

scenes.js

GitHub: gracexu94/FinalProject

154
155
156
157
158
159
160
161
162
163
controls.target.set(0, 0, 0);
controls.rotateSpeed = 0.3;
controls.zoomSpeed = 1.0;
controls.panSpeed = 2.0;

var pipeSpline = new THREE.CatmullRomCurve3( [
    new THREE.Vector3( 0, 10, -10 ), new THREE.Vector3( 10, 0, -10 ),
    new THREE.Vector3( 20, 0, 0 ), new THREE.Vector3( 30, 0, 10 ),
    new THREE.Vector3( 30, 0, 20 ), new THREE.Vector3( 20, 0, 30 ),
    new THREE.Vector3( 10, 0, 30 ), new THREE.Vector3( 0, 0, 30 ),

+ 11 other calls in file

deep.js

GitHub: dzhurley/codevember

21
22
23
24
25
26
27
28
29
30
const points = [];
for (let i = -5; i < 5; i += 1) {
  points.push(new THREE.Vector3(0, -Math.pow(i * 1.5, 2), 25 * i));
}

const curve = new THREE.CatmullRomCurve3(points);
const geometry = new THREE.TubeBufferGeometry(curve, 100, 14, 100, false);
const material = new THREE.MeshStandardMaterial({
  color: 'lightblue',
  side: THREE.DoubleSide,

curved-skeletons.js

GitHub: motionbank/effect-data-player

51
52
53
54
55
56
57
58
59
60
// geoBodyMarker.translate(0, 0, 0)
groupSkeleton.add(meshBodyMarker)

// upper body

let pointsUpperBody = new THREE.CatmullRomCurve3([
  new THREE.Vector3(0, 10, -10), new THREE.Vector3(10, 0, -10),
  new THREE.Vector3(20, 0, 0), new THREE.Vector3(30, 0, 10),
  new THREE.Vector3(30, 0, 20), new THREE.Vector3(20, 0, 30), new THREE.Vector3(10, 0, 0),
  new THREE.Vector3(10, 20, 0)

+ 5 other calls in file

tunnel.js

GitHub: Your-Majesty/YMPartyVisuals

49
50
51
52
53
54
55
56
57
  previousPoint.z = randomZ

  this.points.push(new THREE.Vector3(randomX, randomY, randomZ))
}

this.spline = new THREE.CatmullRomCurve3(this.points)
for (var i = (1/500); i < 1; i+= (1/500)) {
  this.pointsPerTunnel.push(this.spline.getPointAt(i))
}

Other functions in three

Sorted by popularity

three.Vector3 is the most popular function in three (22341 examples)

Other popular packages:

Home

About