Path.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. <h1>[name]</h1>
  11. <div class="desc">A 2d path representation, comprising of points, lines, and cubes, similar to the html5 2d canvas api. It extends CurvePath.</div>
  12. <h2>Constructor</h2>
  13. <h3>[name]([page:todo points])</h3>
  14. <div>
  15. points -- array of Vector2
  16. </div>
  17. <div>
  18. Creates a Path from the points. The first vector defines the offset. After that the lines get defined.
  19. </div>
  20. <h2>Properties</h2>
  21. <h3>.[page:array actions]</h3>
  22. <div>
  23. The possible actions that define the path.
  24. </div>
  25. <h2>Methods</h2>
  26. <h3>.fromPoints ( vectors ) </h3>
  27. <div>
  28. Adds to the Path from the points. The first vector defines the offset. After that the lines get defined.
  29. </div>
  30. <h3>.moveTo ( x, y ) </h3>
  31. <div>This moves the offset to x and y</div>
  32. <h3>.lineTo ( x, y ) </h3>
  33. <div>This creates a line from the offset to X and Y and updates the offset to X and Y.</div>
  34. <h3>.quadraticCurveTo ( aCPx, aCPy, aX, aY ) </h3>
  35. <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>
  36. <h3>.bezierCurveTo ( aCP1x, aCP1y, aCP2x, aCP2y, aX, aY ) </h3>
  37. <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>
  38. <h3>.splineThru ( pts /*Array of Vector*/ ) </h3>
  39. <div>todo</div>
  40. <h3>.arc ( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) </h3>
  41. <div>todo</div>
  42. <h3>.absarc ( aX, aY, aRadius, aStartAngle, aEndAngle, aClockwise ) </h3>
  43. <div>todo</div>
  44. <h3>.ellipse ( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise ) </h3>
  45. <div>todo</div>
  46. <h3>.absellipse ( aX, aY, xRadius, yRadius, aStartAngle, aEndAngle, aClockwise ) </h3>
  47. <div>todo</div>
  48. <h3>.toShapes () </h3>
  49. <div>todo</div>
  50. <h2>Source</h2>
  51. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  52. </body>
  53. </html>