Line

components / meshes / Line.js

Line component is generated from a curve/line and amount of vectors that should be used (points).

JavaScript

const line = new WHS.Line({
  geometry: {
    curve: new THREE.LineCurve3(new THREE.Vector3(10, 10, 0), new THREE.Vector3(10, 30, 0))
  },

  softbody: true
});

line.addTo(GAME);

Usage as a rope (softbody:true):

JavaScript

const rope1 = new WHS.Line({
  geometry: {
    curve: new THREE.LineCurve3(new THREE.Vector3(10, 10, 0), new THREE.Vector3(10, 30, 0))
  },

  physics: {
    piterations: 10,
    viterations: 10
  },

  mass: 1,

  softbody: true
});

rope1.addTo(GAME);

rope1.appendAnchor(GAME, toptube, 50, 1);

Parameters

Geometry defaults

JavaScript

{
  // ...

  geometry: {
    curve: false, // Boolean
    points: 50 // Number
  }
}

These defaults are additional, there are also defaults filled by MeshComponent, etc.

Instructions

JavaScript

{
  // ...

  geometry: ['curve', 'points']
}