96 lines
2.2 KiB
HTML
96 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="ko">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<h1>[name]</h1>
|
||
|
|
|
||
|
|
<p class="desc">
|
||
|
|
모바일 장치의 방향에 따라 카메라 방향을 조정하는 데 사용 됩니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>예시</h2>
|
||
|
|
|
||
|
|
<p>[example:misc_controls_deviceorientation misc / controls / deviceorientation ]</p>
|
||
|
|
|
||
|
|
<h2>생성자</h2>
|
||
|
|
|
||
|
|
<h3>[name]( [param:Camera object] )</h3>
|
||
|
|
<p>
|
||
|
|
<p>
|
||
|
|
[page:Camera object]: 제어 할 카메라 객체 입니다.
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
새로운 [name] 객체를 생성합니다.
|
||
|
|
</p>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>이벤트</h2>
|
||
|
|
|
||
|
|
<h3>change</h3>
|
||
|
|
<p>
|
||
|
|
컨트롤에 의해 카메라가 변환되면 실행합니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>속성</h2>
|
||
|
|
|
||
|
|
<h3>[property:Number alphaOffset]</h3>
|
||
|
|
<p>
|
||
|
|
알파 값의 오프셋의 단위는 라디안 입니다. 초기값은 0으로 지정됩니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Object deviceOrientation]</h3>
|
||
|
|
<p>
|
||
|
|
현재 deviceorientation 이벤트 객체입니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Boolean enabled]</h3>
|
||
|
|
<p>
|
||
|
|
컨트롤의 활성화 여부를 지정합니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Camera object]</h3>
|
||
|
|
<p>
|
||
|
|
제어 할 카메라입니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[property:Number screenOrientation]</h3>
|
||
|
|
<p>
|
||
|
|
장치의 실제 방향을 기준으로 뷰포트의 방향을 지정합니다(90도 단위 기준). 초기값은 *0* 입니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>메소드</h2>
|
||
|
|
|
||
|
|
<h3>[method:null connect] ()</h3>
|
||
|
|
<p>
|
||
|
|
컨트롤의 이벤트 리스너에 추가한 다음 활성화 합니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[method:null disconnect] ()</h3>
|
||
|
|
<p>
|
||
|
|
컨트롤의 이벤트 리스너에 제거한 다음 비활성화 합니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[method:null dispose] ()</h3>
|
||
|
|
<p>
|
||
|
|
컨트롤을 더이상 필요하지 않을 경우 호출해야 합니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h3>[method:null update] ()</h3>
|
||
|
|
<p>
|
||
|
|
컨트롤을 업데이트 합니다. 보통 애니메이션 루프에서 호출 됩니다.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Source</h2>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
[link:https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/DeviceOrientationControls.js examples/jsm/controls/DeviceOrientationControls.js]
|
||
|
|
</p>
|
||
|
|
</body>
|
||
|
|
</html>
|