Skip to content

SarojiOS/three-fatline

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

three-fatline

NPM package Build Size NPM Downloads

A modularized version of https://github.com/mrdoob/three.jsm/blob/master/examples/js/lines/.

See the example (source)

Usage Example:

import { Line2, LineGeometry, LineMaterial } from 'three-fatline';

const geometry = new LineGeometry();
geometry.setPositions([-160, 200, 0, 0, -200, 0, 160, 200, 0]); // [ x1, y1, z1,  x2, y2, z2, ... ] format

const material = new LineMaterial({
  color: 'red',
  linewidth: 10, // px
  resolution: new THREE.Vector2(640, 480) // resolution of the viewport
  // dashed, dashScale, dashSize, gapSize
});

const myLine = new Line2(geometry, material);

myLine.computeLineDistances();

About

A ThreeJS Line object with variable width

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 72.0%
  • HTML 28.0%