BaeBox

See the Pen globe with stars by iamdap91 (@iamdap91) on CodePen. Codepen에 옮기느라 꽤나 힘들었다. 망할 base64 최대한 기능별로 함수로 나누었으며, 앞선 글에서의 개념을 이해했다면 크게 어렵지 않으리라 생각한다. 주석으로 설명을 달아놔서 설명은 필요 없을거라고 생각한다. 0. Scene, camera, renderer 추가! 1. 조명 추가! 2. 구(지구본) 추가! 3. 별 추가! 4. animation 추가! 참 쉽다. 덤. CDN 을 이용해서는 사용이 불가능해 빼버린 기능이 있다. three.js 를 CDN 말고 직접 받아서 사용하면 된다. 바로 OrbitControl 기능이다. 이게 어떤 기능이냐면, 마우스 이동시 화면을 회젼시켜주는 ..

Object3D : three.js 에서 제공하는 대부분의 객체에 대한 기본 클래스. JAVA 의 Object 클래스를 생각하면 될 것 같다. 아래의 js 코드를 보면 var cube=newTHREE.Mesh( geometry, material ); 라는 코드가 있다. Mesh 라고 적힌 부분이 geometry(모양)과 material(재질)을 합쳐서 만들어지는 객체(Object) 이다. 정확히 Object라고 지칭하기에는 사소한 차이점이 있는데, Object 를 상속하고 있다는 점이다. See the Pen RwbpGWa by iamdap91 (@iamdap91) on CodePen. 어... 그 외엔 딱히 더 말할 거리가 없다. 억지로 쥐어짜면 그 상속 클래스는 Mesh, SkinnedMesh, Gr..