1.2.2 • Published 7 months ago
gl-line3d v1.2.2
gl-line3d
A 3D WebGL line plot
Example
var createScene = require('gl-plot3d')
var createLine = require('gl-line3d')
//Create the scene
var scene = createScene()
//Create a helix
var polyline = []
for(var i=0; i<100; ++i) {
var theta = (i / 100.0) * Math.PI
polyline.push([
Math.cos(3*theta),
Math.sin(3*theta),
(i/50) - 1.0
])
}
//Create the line plot
var lines = createLines({
gl: scene.gl,
position: polyline,
color: [1,0,0]
})
//Add the lines to the scene
scene.add(lines)
Install
npm install gl-line3d
Basic interface
Constructor
`var lines = require('gl-line3d')(options)
Creates a new line plot
options.gl
A WebGL contextoptions.position
An array of position values for the points on the curveoptions.color
An array of color values (or a singular color) for the curveoptions.pickId
The selection ID for the line plotoptions.lineWidth
The width of the lineoptions.dashes
An array of dash patterns representing the dash pattern. For example,[0.5,0.5,0.5]
options.dashScale
The number of times to repeat the dash patternoptions.opacity
The opacity of the lines
Updating
lines.update(options)
Updates the plot. options
has the same properties as in the constructor
Properties
lines.lineWidth
The width of the lines
Included example in the example
directory
To run it, follow these steps:
git clone https://github.com/gl-vis/gl-line3d.git
cd gl-line3d
mkdir dist
browserify lines.js -o dist/bundle.js
browserify example/simple.js -o dist/simple_example_bundle.js
then open simple.html
in the example
directory.
Credits
(c) 2014 Mikola Lysenko. MIT License
1.2.2
7 months ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.11
6 years ago
1.1.10
6 years ago
1.1.9
6 years ago
1.1.8
6 years ago
1.1.7
6 years ago
1.1.6
6 years ago
1.1.5
6 years ago
1.1.4
6 years ago
1.1.3
6 years ago
1.1.2
7 years ago
1.1.1
7 years ago
1.1.0
9 years ago
1.0.5
9 years ago
1.0.4
10 years ago
1.0.3
10 years ago
1.0.2
10 years ago
1.0.1
10 years ago
1.0.0
10 years ago