docs/manual/en/introduction/Import-via-modules.html

@@ -133,6 +133,17 @@ <h2>Importable Examples</h2>
 						<li>TeapotBufferGeometry</li>
 					</ul>
 				</li>
+				<li>lines
+					<ul>
+						<li>Line2</li>
+						<li>LineGeometry</li>
+						<li>LineMaterial</li>
+						<li>LineSegments2</li>
+						<li>LineSegmentsGeometry</li>
+						<li>Wireframe</li>
+						<li>WireframeGeometry2</li>
+					</ul>
+				</li>
 				<li>loaders
 					<ul>
 						<li>3MFLoader</li>

examples/js/lines/Line2.js

@@ -20,7 +20,7 @@ THREE.Line2.prototype = Object.assign( Object.create( THREE.LineSegments2.protot
 
 	isLine2: true,
 
-	copy: function ( source ) {
+	copy: function ( /* source */ ) {
 
 		// todo
 

examples/js/lines/LineGeometry.js

@@ -87,7 +87,7 @@ THREE.LineGeometry.prototype = Object.assign( Object.create( THREE.LineSegmentsG
 
 	},
 
-	copy: function ( source ) {
+	copy: function ( /* source */ ) {
 
 		// todo
 

examples/js/lines/LineSegments2.js

@@ -54,7 +54,7 @@ THREE.LineSegments2.prototype = Object.assign( Object.create( THREE.Mesh.prototy
 
 	}() ),
 
-	copy: function ( source ) {
+	copy: function ( /* source */ ) {
 
 		// todo
 

examples/js/lines/LineSegmentsGeometry.js

@@ -9,8 +9,6 @@ THREE.LineSegmentsGeometry = function () {
 
 	this.type = 'LineSegmentsGeometry';
 
-	var plane = new THREE.BufferGeometry();
-
 	var positions = [ - 1, 2, 0, 1, 2, 0, - 1, 1, 0, 1, 1, 0, - 1, 0, 0, 1, 0, 0, - 1, - 1, 0, 1, - 1, 0 ];
 	var uvs = [ - 1, 2, 1, 2, - 1, 1, 1, 1, - 1, - 1, 1, - 1, - 1, - 2, 1, - 2 ];
 	var index = [ 0, 2, 1, 2, 3, 1, 2, 4, 3, 4, 5, 3, 4, 6, 5, 6, 7, 5 ];
@@ -249,7 +247,7 @@ THREE.LineSegmentsGeometry.prototype = Object.assign( Object.create( THREE.Insta
 
 	},
 
-	copy: function ( source ) {
+	copy: function ( /* source */ ) {
 
 		// todo
 

examples/js/lines/Wireframe.js

@@ -54,7 +54,7 @@ THREE.Wireframe.prototype = Object.assign( Object.create( THREE.Mesh.prototype )
 
 	}() ),
 
-	copy: function ( source ) {
+	copy: function ( /* source */ ) {
 
 		// todo
 

examples/js/lines/WireframeGeometry2.js

@@ -21,7 +21,7 @@ THREE.WireframeGeometry2.prototype = Object.assign( Object.create( THREE.LineSeg
 
 	isWireframeGeometry2: true,
 
-	copy: function ( source ) {
+	copy: function ( /* source */ ) {
 
 		// todo
 

examples/jsm/lines/Line2.d.ts

@@ -0,0 +1,8 @@
+import { LineGeometry } from './LineGeometry';
+import { LineSegments2 } from './LineSegments2';
+import { LineMaterial } from './LineMaterial';
+
+export class Line2 extends LineSegments2 {
+  constructor(geometry?: LineGeometry, material?: LineMaterial);
+  isLine2: boolean;
+}

examples/jsm/lines/Line2.js

@@ -0,0 +1,38 @@
+/**
+ * @author WestLangley / http://github.com/WestLangley
+ *
+ */
+
+
+import { LineSegments2 } from "../lines/LineSegments2.js";
+import { LineGeometry } from "../lines/LineGeometry.js";
+import { LineMaterial } from "../lines/LineMaterial.js";
+
+var Line2 = function ( geometry, material ) {
+
+	LineSegments2.call( this );
+
+	this.type = 'Line2';
+
+	this.geometry = geometry !== undefined ? geometry : new LineGeometry();
+	this.material = material !== undefined ? material : new LineMaterial( { color: Math.random() * 0xffffff } );
+
+};
+
+Line2.prototype = Object.assign( Object.create( LineSegments2.prototype ), {
+
+	constructor: Line2,
+
+	isLine2: true,
+
+	copy: function ( /* source */ ) {
+
+		// todo
+
+		return this;
+
+	}
+
+} );
+
+export { Line2 };

examples/jsm/lines/LineGeometry.d.ts

@@ -0,0 +1,12 @@
+import {
+  Line
+} from '../../../src/Three';
+
+import { LineSegmentsGeometry } from './LineSegmentsGeometry';
+
+export class LineGeometry extends LineSegmentsGeometry {
+  constructor();
+  isLineGeometry: boolean;
+
+  fromLine(line: Line): this;
+}

examples/jsm/lines/LineGeometry.js

@@ -0,0 +1,103 @@
+/**
+ * @author WestLangley / http://github.com/WestLangley
+ *
+ */
+
+
+import { LineSegmentsGeometry } from "../lines/LineSegmentsGeometry.js";
+
+var LineGeometry = function () {
+
+	LineSegmentsGeometry.call( this );
+
+	this.type = 'LineGeometry';
+
+};
+
+LineGeometry.prototype = Object.assign( Object.create( LineSegmentsGeometry.prototype ), {
+
+	constructor: LineGeometry,
+
+	isLineGeometry: true,
+
+	setPositions: function ( array ) {
+
+		// converts [ x1, y1, z1,  x2, y2, z2, ... ] to pairs format
+
+		var length = array.length - 3;
+		var points = new Float32Array( 2 * length );
+
+		for ( var i = 0; i < length; i += 3 ) {
+
+			points[ 2 * i ] = array[ i ];
+			points[ 2 * i + 1 ] = array[ i + 1 ];
+			points[ 2 * i + 2 ] = array[ i + 2 ];
+
+			points[ 2 * i + 3 ] = array[ i + 3 ];
+			points[ 2 * i + 4 ] = array[ i + 4 ];
+			points[ 2 * i + 5 ] = array[ i + 5 ];
+
+		}
+
+		LineSegmentsGeometry.prototype.setPositions.call( this, points );
+
+		return this;
+
+	},
+
+	setColors: function ( array ) {
+
+		// converts [ r1, g1, b1,  r2, g2, b2, ... ] to pairs format
+
+		var length = array.length - 3;
+		var colors = new Float32Array( 2 * length );
+
+		for ( var i = 0; i < length; i += 3 ) {
+
+			colors[ 2 * i ] = array[ i ];
+			colors[ 2 * i + 1 ] = array[ i + 1 ];
+			colors[ 2 * i + 2 ] = array[ i + 2 ];
+
+			colors[ 2 * i + 3 ] = array[ i + 3 ];
+			colors[ 2 * i + 4 ] = array[ i + 4 ];
+			colors[ 2 * i + 5 ] = array[ i + 5 ];
+
+		}
+
+		LineSegmentsGeometry.prototype.setColors.call( this, colors );
+
+		return this;
+
+	},
+
+	fromLine: function ( line ) {
+
+		var geometry = line.geometry;
+
+		if ( geometry.isGeometry ) {
+
+			this.setPositions( geometry.vertices );
+
+		} else if ( geometry.isBufferGeometry ) {
+
+			this.setPositions( geometry.position.array ); // assumes non-indexed
+
+		}
+
+		// set colors, maybe
+
+		return this;
+
+	},
+
+	copy: function ( /* source */ ) {
+
+		// todo
+
+		return this;
+
+	}
+
+} );
+
+export { LineGeometry };

examples/jsm/lines/LineMaterial.d.ts

@@ -0,0 +1,28 @@
+import {
+  Color,
+  MaterialParameters,
+  ShaderMaterial,
+  Vector2
+} from '../../../src/Three';
+
+export interface LineMaterialParameters extends MaterialParameters {
+  color?: number;
+  dashed?: boolean;
+  dashScale?: number;
+  dashSize?: number;
+  gapSize?: number;
+  linewidth?: number;
+  resolution?: Vector2;
+}
+
+export class LineMaterial extends ShaderMaterial {
+  constructor(parameters?: LineMaterialParameters);
+  color: Color;
+  dashed: boolean;
+  dashScale: number;
+  dashSize: number;
+  gapSize: number;
+  isLineMaterial: boolean;
+  linewidth: number;
+  resolution: Vector2;
+}