DeviceOrientationControls.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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. 모바일 장치의 방향에 따라 카메라 방향을 조정하는 데 사용 됩니다.
  13. </p>
  14. <h2>예시</h2>
  15. <p>[example:misc_controls_deviceorientation misc / controls / deviceorientation ]</p>
  16. <h2>생성자</h2>
  17. <h3>[name]( [param:Camera object] )</h3>
  18. <p>
  19. <p>
  20. [page:Camera object]: 제어 할 카메라 객체 입니다.
  21. </p>
  22. <p>
  23. 새로운 [name] 객체를 생성합니다.
  24. </p>
  25. </p>
  26. <h2>이벤트</h2>
  27. <h3>change</h3>
  28. <p>
  29. 컨트롤에 의해 카메라가 변환되면 실행합니다.
  30. </p>
  31. <h2>속성</h2>
  32. <h3>[property:Number alphaOffset]</h3>
  33. <p>
  34. 알파 값의 오프셋의 단위는 라디안 입니다. 초기값은 0으로 지정됩니다.
  35. </p>
  36. <h3>[property:Object deviceOrientation]</h3>
  37. <p>
  38. 현재 deviceorientation 이벤트 객체입니다.
  39. </p>
  40. <h3>[property:Boolean enabled]</h3>
  41. <p>
  42. 컨트롤의 활성화 여부를 지정합니다.
  43. </p>
  44. <h3>[property:Camera object]</h3>
  45. <p>
  46. 제어 할 카메라입니다.
  47. </p>
  48. <h3>[property:Number screenOrientation]</h3>
  49. <p>
  50. 장치의 실제 방향을 기준으로 뷰포트의 방향을 지정합니다(90도 단위 기준). 초기값은 *0* 입니다.
  51. </p>
  52. <h2>메소드</h2>
  53. <h3>[method:null connect] ()</h3>
  54. <p>
  55. 컨트롤의 이벤트 리스너에 추가한 다음 활성화 합니다.
  56. </p>
  57. <h3>[method:null disconnect] ()</h3>
  58. <p>
  59. 컨트롤의 이벤트 리스너에 제거한 다음 비활성화 합니다.
  60. </p>
  61. <h3>[method:null dispose] ()</h3>
  62. <p>
  63. 컨트롤을 더이상 필요하지 않을 경우 호출해야 합니다.
  64. </p>
  65. <h3>[method:null update] ()</h3>
  66. <p>
  67. 컨트롤을 업데이트 합니다. 보통 애니메이션 루프에서 호출 됩니다.
  68. </p>
  69. <h2>Source</h2>
  70. <p>
  71. [link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/DeviceOrientationControls.js examples/jsm/controls/DeviceOrientationControls.js]
  72. </p>
  73. </body>
  74. </html>