gl-line3d

WebJar for gl-line3d

License	MIT
GroupId	org.webjars.npm
ArtifactId	gl-line3d
Last Version	1.1.11
Release Date	Apr 11, 2019
Type	jar
Description	gl-line3d WebJar for gl-line3d
Project URL	http://webjars.org
Source Code Management	https://github.com/gl-vis/gl-line3d

Download gl-line3d

Filename	Size
gl-line3d-1.1.11.pom
gl-line3d-1.1.11.jar	10 KB
gl-line3d-1.1.11-sources.jar	22 bytes
gl-line3d-1.1.11-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/gl-line3d/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>gl-line3d</artifactId>
    <version>1.1.11</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/gl-line3d/
implementation 'org.webjars.npm:gl-line3d:1.1.11'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/gl-line3d/
implementation ("org.webjars.npm:gl-line3d:1.1.11")

Apache Buildr

'org.webjars.npm:gl-line3d:jar:1.1.11'

Apache Ivy

<dependency org="org.webjars.npm" name="gl-line3d" rev="1.1.11">
  <artifact name="gl-line3d" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='gl-line3d', version='1.1.11')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "gl-line3d" % "1.1.11"

Leiningen

[org.webjars.npm/gl-line3d "1.1.11"]

Dependencies

compile (9)

Group / Artifact	Type	Version
org.webjars.npm : glslify	jar	[7.0.0,8)
org.webjars.npm : gl-vao	jar	[1.1.3,2)
org.webjars.npm : gl-texture2d	jar	[2.0.2,3)
org.webjars.npm : glsl-out-of-range	jar	[1.0.4,2)
org.webjars.npm : gl-buffer	jar	[2.0.8,3)
org.webjars.npm : binary-search-bounds	jar	[2.0.4,3)
org.webjars.npm : gl-shader	jar	[4.2.1,5)
org.webjars.npm : glsl-read-float	jar	[1.0.0,2)
org.webjars.npm : ndarray	jar	[1.0.16,2)

Project Modules

There are no modules declared in this project.

gl-line3d

A 3D WebGL line plot

Example

Try it out in your browser

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 context
• options.position An array of position values for the points on the curve
• options.color An array of color values (or a singular color) for the curve
• options.pickId The selection ID for the line plot
• options.lineWidth The width of the line
• options.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 pattern
• options.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

Versions

Version
1.1.11 Apr 11, 2019
1.1.10 Feb 8, 2019
1.1.7 Dec 10, 2018
1.1.2 Mar 5, 2018
1.1.0 Aug 23, 2016