Pārlūkot izejas kodu

Fixed code style and added relevant examples

Greg Tatum 10 gadi atpakaļ
vecāks
revīzija
218b427b77

+ 4 - 1
docs/api/extras/core/Curve.html

@@ -10,7 +10,10 @@
 		<h1>[name]</h1>
 
 		<div class="desc">An extensible curve object which contains methods for interpolation.</div>
-
+		
+		<h2>Examples</h2>
+		
+		<h3>[example:webgl_geometry_extrude_splines geometry / extrude / splines ]
 
 		<h2>Constructor</h2>
 

+ 13 - 10
docs/api/extras/curves/ClosedSplineCurve3.html

@@ -17,24 +17,27 @@
 
 <code>
 //Create a closed wavey loop
-var curve = new THREE.ClosedSplineCurve3([
-	new THREE.Vector3(-10, 0, 10),
-	new THREE.Vector3(-5,  5, 5),
-	new THREE.Vector3( 0,  0, 0),
-	new THREE.Vector3( 5, -5, 5),
-	new THREE.Vector3(10,  0, 10)
-]);
+var curve = new THREE.ClosedSplineCurve3( [
+	new THREE.Vector3( -10, 0, 10 ),
+	new THREE.Vector3( -5, 5, 5 ),
+	new THREE.Vector3( 0, 0, 0 ),
+	new THREE.Vector3( 5, -5, 5 ),
+	new THREE.Vector3( 10, 0, 10 )
+] );
 
 var geometry = new THREE.Geometry();
-geometry.vertices = curve.getPoints(50);
+geometry.vertices = curve.getPoints( 50 );
 
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 </code>
 
+		<h3>[example:webgl_geometry_extrude_splines geometry / extrude / splines] (choose SampleClosedSpline)</h3>
+			
+
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Array points])</h3>
+		<h3>[name]( [page:Array points] )</h3>
 		<div>points – An array of [page:Vector3] points</div>
 
 

+ 8 - 8
docs/api/extras/curves/CubicBezierCurve.html

@@ -19,25 +19,25 @@
 
 <code>
 var curve = new THREE.CubicBezierCurve(
-	new THREE.Vector3(-10, 0, 0),
-	new THREE.Vector3(-5,  15, 0),
-	new THREE.Vector3( 20, 15, 0),
-	new THREE.Vector3( 10, 0, 0)
+	new THREE.Vector3( -10, 0, 0 ),
+	new THREE.Vector3( -5, 15, 0 ),
+	new THREE.Vector3( 20, 15, 0 ),
+	new THREE.Vector3( 10, 0, 0 )
 );
 
-var path = new THREE.Path( curve.getPoints(50) );
+var path = new THREE.Path( curve.getPoints( 50 ) );
 
 var geometry = path.createPointsGeometry( 50 );
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 
-//Create the final Object3d to add to the scene
+// Create the final Object3d to add to the scene
 var curveObject = new THREE.Line( geometry, material );
 </code>
 
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Vector2 v0], [page:Vector2 v1], [page:Vector2 v2], [page:Vector2 v3])</h3>
+		<h3>[name] ( [page:Vector2 v0], [page:Vector2 v1], [page:Vector2 v2], [page:Vector2 v3] )</h3>
 		<div>
 			[page:Vector2 v0] – The starting point<br/>
 			[page:Vector2 v1] – The first control point<br/>

+ 8 - 8
docs/api/extras/curves/CubicBezierCurve3.html

@@ -19,18 +19,18 @@
 
 <code>
 var curve = new THREE.CubicBezierCurve3(
-	new THREE.Vector3(-10, 0, 0),
-	new THREE.Vector3(-5,  15, 0),
-	new THREE.Vector3( 20, 15, 0),
-	new THREE.Vector3( 10, 0, 0)
+	new THREE.Vector3( -10, 0, 0 ),
+	new THREE.Vector3( -5, 15, 0 ),
+	new THREE.Vector3( 20, 15, 0 ),
+	new THREE.Vector3( 10, 0, 0 )
 );
 
 var geometry = new THREE.Geometry();
-geometry.vertices = curve.getPoints(50);
+geometry.vertices = curve.getPoints( 50 );
 
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 
-//Create the final Object3d to add to the scene
+// Create the final Object3d to add to the scene
 var curveObject = new THREE.Line( geometry, material );
 
 </code>
@@ -38,7 +38,7 @@ var curveObject = new THREE.Line( geometry, material );
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Vector3 v0], [page:Vector3 v1], [page:Vector3 v2], [page:Vector3 v3])</h3>
+		<h3>[name]( [page:Vector3 v0], [page:Vector3 v1], [page:Vector3 v2], [page:Vector3 v3] )</h3>
 		<div>
 			[page:Vector3 v0] – The starting point<br/>
 			[page:Vector3 v1] – The first control point<br/>

+ 4 - 4
docs/api/extras/curves/EllipseCurve.html

@@ -23,18 +23,18 @@ var curve = new THREE.EllipseCurve(
 	false             // aClockwise
 );
 
-var path = new THREE.Path( curve.getPoints(50) );
+var path = new THREE.Path( curve.getPoints( 50 ) );
 var geometry = path.createPointsGeometry( 50 );
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 
-//Create the final Object3d to add to the scene
+// Create the final Object3d to add to the scene
 var ellipse = new THREE.Line( geometry, material );
 </code>
 
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Float aX], [page:Float aY], [page:Float xRadius], [page:Float yRadius], [page:Radians aStartAngle], [page:Radians aEndAngle], [page:Boolean aClockwise])</h3>
+		<h3>[name]( [page:Float aX], [page:Float aY], [page:Float xRadius], [page:Float yRadius], [page:Radians aStartAngle], [page:Radians aEndAngle], [page:Boolean aClockwise] )</h3>
 		<div>
 			aX – The X center of the ellipse<br/>
 			aY – The Y center of the ellipse<br/>

+ 1 - 1
docs/api/extras/curves/LineCurve.html

@@ -16,7 +16,7 @@
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Vector2 v1], [page:Vector2 v2])</h3>
+		<h3>[name]( [page:Vector2 v1], [page:Vector2 v2] )</h3>
 		<div>
 			v1 – The start point<br/>
 			v2 - The end point

+ 1 - 1
docs/api/extras/curves/LineCurve3.html

@@ -16,7 +16,7 @@
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Vector3 v1], [page:Vector3 v2])</h3>
+		<h3>[name]( [page:Vector3 v1], [page:Vector3 v2] )</h3>
 		<div>
 			v1 – The start point<br/>
 			v2 - The end point

+ 6 - 6
docs/api/extras/curves/QuadraticBezierCurve.html

@@ -19,15 +19,15 @@
 
 <code>
 var curve = new THREE.QuadraticBezierCurve(
-	new THREE.Vector3(-10, 0, 0),
-	new THREE.Vector3( 20, 15, 0),
-	new THREE.Vector3( 10, 0, 0)
+	new THREE.Vector3( -10, 0, 0 ),
+	new THREE.Vector3( 20, 15, 0 ),
+	new THREE.Vector3( 10, 0, 0 )
 );
 
-var path = new THREE.Path( curve.getPoints(50) );
+var path = new THREE.Path( curve.getPoints( 50 ) );
 
 var geometry = path.createPointsGeometry( 50 );
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 
 //Create the final Object3d to add to the scene
 var curveObject = new THREE.Line( geometry, material );
@@ -36,7 +36,7 @@ var curveObject = new THREE.Line( geometry, material );
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Vector2 v0], [page:Vector2 v1], [page:Vector2 v2])</h3>
+		<h3>[name]( [page:Vector2 v0], [page:Vector2 v1], [page:Vector2 v2] )</h3>
 		<div>
 			[page:Vector2 v0] – The starting point<br/>
 			[page:Vector2 v1] – The middle control point<br/>

+ 7 - 7
docs/api/extras/curves/QuadraticBezierCurve3.html

@@ -19,24 +19,24 @@
 
 <code>
 var curve = new THREE.QuadraticBezierCurve3(
-	new THREE.Vector3(-10, 0, 0),
-	new THREE.Vector3( 20, 15, 0),
-	new THREE.Vector3( 10, 0, 0)
+	new THREE.Vector3( -10, 0, 0 ),
+	new THREE.Vector3( 20, 15, 0 ),
+	new THREE.Vector3( 10, 0, 0 )
 );
 
 var geometry = new THREE.Geometry();
-geometry.vertices = curve.getPoints(50);
+geometry.vertices = curve.getPoints( 50 );
 
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 
-//Create the final Object3d to add to the scene
+// Create the final Object3d to add to the scene
 var curveObject = new THREE.Line( geometry, material );
 </code>
 
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Vector3 v0], [page:Vector3 v1], [page:Vector3 v2])</h3>
+		<h3>[name]( [page:Vector3 v0], [page:Vector3 v1], [page:Vector3 v2] )</h3>
 		<div>
 			[page:Vector3 v0] – The starting point<br/>
 			[page:Vector3 v1] – The middle control point<br/>

+ 12 - 12
docs/api/extras/curves/SplineCurve.html

@@ -16,28 +16,28 @@
 		<h2>Example</h2>
 
 <code>
-//Create a sine-like wave
-var curve = new THREE.SplineCurve([
-	new THREE.Vector2(-10, 0),
-	new THREE.Vector2(-5, 5),
-	new THREE.Vector2( 0, 0),
-	new THREE.Vector2( 5, -5),
-	new THREE.Vector2(10, 0)
-]);
+// Create a sine-like wave
+var curve = new THREE.SplineCurve( [
+	new THREE.Vector2( -10, 0 ),
+	new THREE.Vector2( -5, 5 ),
+	new THREE.Vector2( 0, 0 ),
+	new THREE.Vector2( 5, -5 ),
+	new THREE.Vector2( 10, 0 )
+] );
 
-var path = new THREE.Path( curve.getPoints(50) );
+var path = new THREE.Path( curve.getPoints( 50 ) );
 
 var geometry = path.createPointsGeometry( 50 );
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 
-//Create the final Object3d to add to the scene
+// Create the final Object3d to add to the scene
 var splineObject = new THREE.Line( geometry, material );
 </code>
 
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Array points])</h3>
+		<h3>[name]( [page:Array points] )</h3>
 		<div>points – An array of [page:Vector2] points</div>
 
 

+ 13 - 10
docs/api/extras/curves/SplineCurve3.html

@@ -17,27 +17,30 @@
 
 <code>
 //Create a closed bent a sine-like wave
-var curve = new THREE.SplineCurve3([
-	new THREE.Vector3(-10, 0, 10),
-	new THREE.Vector3(-5,  5, 5),
-	new THREE.Vector3( 0,  0, 0),
-	new THREE.Vector3( 5, -5, 5),
-	new THREE.Vector3(10,  0, 10)
-]);
+var curve = new THREE.SplineCurve3( [
+	new THREE.Vector3( -10, 0, 10 ),
+	new THREE.Vector3( -5, 5, 5 ),
+	new THREE.Vector3( 0, 0, 0 ),
+	new THREE.Vector3( 5, -5, 5 ),
+	new THREE.Vector3( 10, 0, 10 )
+] );
 
 var geometry = new THREE.Geometry();
-geometry.vertices = curve.getPoints(50);
+geometry.vertices = curve.getPoints( 50 );
 
-var material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
+var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );
 
 //Create the final Object3d to add to the scene
 var splineObject = new THREE.Line( geometry, material );
 </code>
 
+		<h3>[example:webgl_geometry_extrude_splines geometry / extrude / splines ] (choose PipeSpline)</h3>
+
+
 		<h2>Constructor</h2>
 
 
-		<h3>[name]([page:Array points])</h3>
+		<h3>[name]( [page:Array points] )</h3>
 		<div>points – An array of [page:Vector3] points</div>