threejs
-
Three.js, WebXR - 3일차개발 블로그의 흔적/threeJS 2023. 1. 22. 13:07
취미로 공부하는 three.js 입니다. 예제 위주로 정리하고 있습니다. https://github.com/dusunax/threeJS/wiki 201 공이 있는 방 initScene : room initScene : ball objects set-up VR 201 - 공이 있는 방 랜덤한 위치와 색상의 공들이 있는 방입니다. VR로 방을 둘러볼 수 있습니다. 일자: 2023년 1월 8일(일) 강의: 유데미 강의 링크 링크: [github wiki], [github page] VR을 setup하는 방법에 대해 알아봅니다. (VRButton) 각 geometry, material을 사용해 방과 공 object를 만듭니다. initScene : room new BoxLineGeometry() : 사이즈 및 ..
-
Three.js, WebXR - 2일차개발 블로그의 흔적/threeJS 2023. 1. 19. 00:31
취미로 공부하는 three.js 입니다. 예제 위주로 정리하고 있습니다. https://github.com/dusunax/threeJS/wiki 103 별 모양으로 별 그리기 Mesh CircleBufferGeometry 반원 Shape 별 모양으로 별 그리기 (feat. 도형 그리기 기본 개념) 104 .glb .fbx 파일 Load하기 Material material 종류 Free 3d.com gltf-viewer Loader GLTFLoader FBXLoader new LoadingBar new GLTFLoader, new FBXLoader .Box3().setFromObject(~.scene) .glb, tbx 각 로딩 결과 103 별 모양으로 별 그리기 별을 그리기 위해 필요한 값 innerRa..
-
Three.js, WebXR - 1일차개발 블로그의 흔적/threeJS 2023. 1. 16. 01:23
취미로 공부하는 three.js 입니다. 예제 위주로 정리하고 있습니다. https://github.com/dusunax/threeJS/wiki 101 - y축(up)으로 회전하는 빨간 육면체 - 220101 camera.position.set(x,y,z) scene renderer geometry + material = mesh ambient & light Control Resize 102 - 회전하는 지구와 달 - 220101 Three.js Editor project | scene add map script child 배경 설정 Publish 101 - y축(up)으로 회전하는 빨간 육면체 내용: y축으로 회전하는 빨간 육면체입니다. 브라우저 화면을 드래그하여 화면의 orbit을 변경할 수 있습니다..