three.js 기본요소 익히기 - 기본장면만들기
재밌어보여서 학습해보는 three.js! three.js로 구현된것을 연극무대로 생각해보자 object하나하나를 mesh라고 한다. obejct는 저기 서있는 캐릭터 mesh 는 geometry(모양)+ material(재질) 로 구성이된다. 카메라. 카메라는 시야각을 가진다. 빛. three.js 필수요소는 아닌데 거의 다 사용이된다.(재질에 따라서 조명이 필요하고 아니고가 있다.) 얘네를 화면에 그려주는애? Renderer! three.js는 3차원이다. 3D 정면앞은 화살표라고 써져있는 쪽이 정면앞이다. x측은 좌우이동 오른쪽으로가면 + 왼쪽이면 - z측은 앞에있을수록 + 뒤에있음 - y축도 위로가면 + 밑으로가면 - Renderer만들기 기초 웹팩 작업을 끝낸 후, 필요한 요소들을 npm i 를 ..
three.js(모듈로 사용, 웹팩으로 사용)
WebGL이란 무엇인가 웹상에서 그래픽을 사용할때 쓰는 라이브러리다. 자바스크립트를 이용하고 2D, 3D 그래픽을 표현 할 수 있다. GPU를 이용해 그림을 그려서 성능이 좋다! API가 lowlevel이다. => 바닥부터 개발을 구현해야한다. 할수 있는것은 많지만, 개발이 오래걸리고 까다롭다. three.js가 이런 단점을 보완한 라이브러리다. WebGL 쉽고 간편하게 쓸수 있게 도와주는 라이브러리. 현재 시점에서는 3D에 제일 많이 쓰이고 있다. 게임회사, vr,ar 등등에서 많이 쓰기에 배워두면 좋을것같다! three.js 사용 방법 3가지 첫번째 1.홈페이지에서 download에서 => three.js를 다운받은 후 해당 파일을 복사한 후 그대로 붙여넣기 작업을 해준다. 2. index.html을..