Path.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <script src="../../../list.js"></script>
  6. <script src="../../../page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="../../../page.css" />
  8. </head>
  9. <body>
  10. [page:CurvePath] &rarr;
  11. <h1>[name]</h1>
  12. <div class="desc">A 2d path representation, comprising of points, lines, and cubes, similar to the html5 2d canvas api. It extends CurvePath.</div>
  13. <h2>Constructor</h2>
  14. <h3>[name]([page:todo points])</h3>
  15. <div>
  16. points -- array of Vector2
  17. </div>
  18. <div>
  19. Creates a Path from the points. The first vector defines the offset. After that the lines get defined.
  20. </div>
  21. <h2>Properties</h2>
  22. <h3>[property:array actions]</h3>
  23. <div>
  24. The possible actions that define the path.
  25. </div>
  26. <h2>Methods</h2>
  27. <h3>[method:todo fromPoints]( vectors )</h3>
  28. <div>
  29. Adds to the Path from the points. The first vector defines the offset. After that the lines get defined.
  30. </div>
  31. <h3>[method:todo moveTo]( x, y )</h3>
  32. <div>This moves the offset to x and y</div>
  33. <h3>[method:todo lineTo]( x, y )</h3>
  34. <div>This creates a line from the offset to X and Y and updates the offset to X and Y.</div>
  35. <h3>[method:todo quadraticCurveTo]( aCPx, aCPy, aX, aY )</h3>
  36. <div>This creates a quadratic curve from the offset to aX and aY with aCPx and aCPy as control point and updates the offset to aX and aY.</div>
  37. <h3>[method:todo bezierCurveTo]( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY )</h3>
  38. <div>This creates a bezier curve from the offset to aX and aY with aCP1x, aCP1y and aCP1x, aCP1y as control points and updates the offset to aX and aY.</div>
  39. <h3>.splineThru ( pts /*Array of Vector*/ ) </h3>
  40. <div>todo</div>
  41. <h3>[method:todo arc]( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise )</h3>
  42. <div>todo</div>
  43. <h3>[method:todo absarc]( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise )</h3>
  44. <div>todo</div>
  45. <h3>[method:todo ellipse]( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise )</h3>
  46. <div>todo</div>
  47. <h3>[method:todo absellipse]( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise )</h3>
  48. <div>todo</div>
  49. <h3>[method:todo toShapes]()</h3>
  50. <div>todo</div>
  51. <h2>Source</h2>
  52. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  53. </body>
  54. </html>