Curve.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../../" />
  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. <p class="desc">
  12. 보간법 메서드를 가지고 있는 [name] 객체를 만들기 위한 기본 추상 클래스입니다.
  13. [name]의 배열은 [page:CurvePath]를 참고하세요.
  14. </p>
  15. <h2>생성자</h2>
  16. <h3>[name]()</h3>
  17. <p>
  18. 새 [name]를 만드는 생성자입니다.
  19. </p>
  20. <h2>프로퍼티</h2>
  21. <h3>[property:Integer arcLengthDivisions]</h3>
  22. <p>이 값은 곡선의 누적 세그먼트 길이를 계산할 때 [page:.getLengths]를 통해 분할할 양을 결정합니다.
  23. [page:.getSpacedPoints]같은 메서드를 사용할 때 정확도를 위해, 곡선이 아주 크다면 [page:.arcLengthDivisions]를 올리는 것을 추천합니다. 기본값은 200입니다.</p>
  24. <h2>메서드</h2>
  25. <h3>[method:Vector getPoint]( [param:Float t], [param:Vector optionalTarget] )</h3>
  26. <p>
  27. [page:Float t] - 곡선의 위치입니다. [ 0, 1 ] 사이에 있어야 합니다. <br>
  28. [page:Vector optionalTarget] — (생략가능) 값이 지정되면, 결과값이 이 벡터에 복제될 것이고 생략되면 새 Vector가 생성됩니다.<br /><br />
  29. 곡선의 위치 벡터를 리턴합니다.
  30. </p>
  31. <h3>[method:Vector getPointAt]( [param:Float u], [param:Vector optionalTarget] )</h3>
  32. <p>
  33. [page:Float u] - 원호 길이에 따른 곡선의 위치입니다. [ 0, 1 ] 사이에 있어야 합니다. <br>
  34. [page:Vector optionalTarget] — (생략가능) 값이 지정되면, 결과값이 이 벡터에 복제될 것이고 생략되면 새 Vector가 생성됩니다.<br /><br />
  35. 원호 길이에 따른 곡선의 위치 벡터를 리턴합니다.
  36. </p>
  37. <h3>[method:Array getPoints]( [param:Integer divisions] )</h3>
  38. <p>
  39. divisions -- 곡선을 몇 조각으로 나눌지 결정합니다. 기본값은 *5*입니다.<br /><br />
  40. getPoint( t )를 사용하는 divisions + 1 세트를 리턴합니다.
  41. </p>
  42. <h3>[method:Array getSpacedPoints]( [param:Integer divisions] )</h3>
  43. <p>
  44. divisions -- 곡선을 몇 조각으로 나눌지 결정합니다. 기본값은 *5*입니다.<br /><br />
  45. getPointAt( u )를 사용하는 균등 분할된 divisions + 1 세트를 리턴합니다.
  46. </p>
  47. <h3>[method:Float getLength]()</h3>
  48. <p>총 곡선 원호 길이를 가져옵니다.</p>
  49. <h3>[method:Array getLengths]( [param:Integer divisions] )</h3>
  50. <p>누적 세그먼트 길이 목록을 가져옵니다.</p>
  51. <h3>[method:null updateArcLengths]()</h3>
  52. <p>누적 세그먼트 거리 캐시를 업데이트합니다.</p>
  53. <h3>[method:Float getUtoTmapping]( [param:Float u], [param:Float distance] )</h3>
  54. <p>
  55. ( 0 .. 1 ) 범위의 u 를 받아, 마찬가지로 ( 0 .. 1 ) 범위의 [page:Float t] 를 리턴합니다.
  56. [page:.getPoint]를 사용해 u와 t는 곡선의 끝에서 등거리인 점을 확인하는 데 사용할 수 있습니다.
  57. </p>
  58. <h3>[method:Vector getTangent]( [param:Float t], [param:Vector optionalTarget] )</h3>
  59. <p>
  60. [page:Float t] - 곡선의 위치입니다 [ 0, 1 ] 범위여야합니다. <br>
  61. [page:Vector optionalTarget] — (생략가능) 값이 지정되면, 결과값이 이 벡터에 복제될 것이고 생략되면 새 Vector가 생성됩니다. <br /><br />
  62. t에서 접선하는 단위 벡터를 반환합니다.
  63. 파생 곡선이 접선 유도법을 구현하지 않는 경우, 작은 델타 간격의 두 점이 합리적인 근사치의 기울기를 찾는 데 사용됩니다.
  64. </p>
  65. <h3>[method:Vector getTangentAt]( [param:Float u], [param:Vector optionalTarget] )</h3>
  66. <p>
  67. [page:Float u] - 원호 길이에 따른 곡선의 위치. [0, 1] 범위에 있어야 합니다. <br>
  68. [page:Vector optionalTarget] — (생략가능) 값이 지정되면, 결과값이 이 벡터에 복제될 것이고 생략되면 새 Vector가 생성됩니다. <br /><br />
  69. [page:.getTangent]에 지정된 점에서 곡선의 끝과의 거리가 동일한 접선의 점을 반환합니다.
  70. </p>
  71. <h3>[method:Object computeFrenetFrames]( [param:Integer segments], [param:Boolean closed] )</h3>
  72. <p>
  73. 프레닛 프레임을 생성합니다. 3D 스페이스에 곡선 정의가 필요합니다. [page:TubeGeometry] 혹은 [page:ExtrudeGeometry] 같은 기하학에 사용됩니다.
  74. </p>
  75. <h3>[method:Curve clone]()</h3>
  76. <p>이 인스턴스의 사본을 만듭니다.</p>
  77. <h3>[method:Curve copy]( [param:Curve source] )</h3>
  78. <p>다른 [name] 객체를 이 인스턴스에 복사합니다.</p>
  79. <h3>[method:Object toJSON]()</h3>
  80. <p>이 인스턴스의 JSON 객체 표현을 리턴합니다.</p>
  81. <h3>[method:Curve fromJSON]( [param:Object json] )</h3>
  82. <p>JSON 객체에서 이 인스턴스로 데이터를 복사합니다.</p>
  83. <h2>소스코드</h2>
  84. <p>
  85. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  86. </p>
  87. </body>
  88. </html>