대가는 결과를 만든다

1. three.js Scene에 접근 1) a-scene 이용document.querySelector('a-scene').object3D; 2) entity에서의 접근document.querySelector('a-entity').sceneEl.object3D; // THREE.Scene 3) Component에서의 접근AFRAME.registerComponent('foo', { init: function () { var scene = this.el.sceneEl.object3D; // THREE.Scene } }); 2. Entity의 three.js object 접근 : 모든 Entity는 다양한 타입의 THREE.Object3D를 포함하는 THREE.Group을 가지고 있음.object3D를 통해 ..

1. BoxHelpernew THREE.BoxHelper(Object3D, Color)로 파라미터에 넣은 오브젝트의 공간에서 차지하는 최소, 최대 좌표 값을 알수 있는 BoundingBox를 구할 수 있다.BoxHelper는 보통 Scene에 추가하여 보이도록 할 때 사용하고, 계산을 위한 용도로는 Box3를 사용하는 것이 좋음. ex) /**Bounding Box 생성**/ var boundingBox = new THREE.BoxHelper(object, 0xfffff00); scene.add(boundingBox); 2. Box3new THREE.Box3.setFromObject(Object3D)로 특정 오브젝트를 기준으로 한 boundingBox 생성 가능 boundingBox.getSize(tar..

A-Frame이란? 링크 : https://aframe.io/docs/0.8.0/introduction/#off-you-go VR 구현을 위해 Mozilla에서 개발된 Web Framework,HTML 기반,three.js에 확장 가능한 구조를 제공하는 프레임 워크. Vive, Rift, Windows MR, Dayadream, GearVR, Cardboard 대부분 VR 헤드셋 지원, AR 사용 가능 주요특징 - Cross-Platform VR : Vive, Rift, Windows Mixed Reality, Daydream, GearVR, and Cardboard 와 모든 콘트롤러를 지원하는 VR App 구현 가능. 헤드셋과 컨트롤러가 없는 일반 데스크톱과 스마트폰에도 작동 - Entity-Compo..

1) Example/WebVR.js의 사용 2) document.body.appendChild( WEBVR.createButton( renderer ) );=> VR 연동하여 VR세션 초기화 하는 버튼 생성 3) renderer.vr.enabled = true;=> WebGLRenderer의 VR Rendering 속성을 설정 4) renderer.setAnimationLoop( function () { renderer.render( scene, camera ); } ); => 기존 requestAnimationFrame()함수를 사용하지 못하므로 VR프로젝트에선 animation loop를 사용하여 랜더링 함. 참고 링크 : https://threejs.org/docs/#manual/en/introdu..