Frontend/Three.js

three.js 기본 장면 구성요소

three.js 기본 장면 구성요소 Scene (장면/무대) ThreeJS로 구현된 장면을 연극 무대로 가정 모든 요소가 올라가는 전체 배경, 장면 Mesh (메쉬) 무대에 올려져 있는 오브제를 메쉬라 한다. Geometry (모양) + Material (재질)로 이루어져 있다. Camera (카메라) Field of view (시야각)으로 장면을 보여준다. Light (빛) 필수는 아님 재질에 따라 필요할 경우가 있다. Render (랜더러) 카메라가 보여주는 장면 x축 좌, 우 y축 상, 하 위 쪽이 + 이다. z축 앞, 뒤 앞 쪽이 + 이다. near, far Near : 카메라의 시점이 시작되는 위치 Far : 카메라의 시점이 끝나는 위치 near와 far 사이에 있고 시야각(fov) 안에 들어와..

three.js란?

💡 3D 웹 애플리케이션 - 물리엔진으로 사실적인 움직임 만들기 - 점 (point)의 좌표를 활용해 파티클 효과 만들기 - 스크롤에 따라 반응하는 3D 비주얼이 적용된 페이지 만들기 ThreeJS 공식 사이트, 1분 코딩 사이트 웹에서 3D를 구현할 수 있는 자바스크립트 라이브러리 웹 브라우저에서 3차원 컴퓨터 그래픽스 애니메이션 응용을 만들고 표현하기 위해 사용되는 JS 라이브러리 WebGL을 쉽고 간편하게 사용할 수 있는 라이브러리 모듈 방식으로 개발하는 것은 권장. WebGL 웹 기반의 그래픽 라이브러리 자바스크립트 프로그래밍 언어를 통해 사용 가능 호환성이 있는 웹 브라우저에서 인터랙티브 한 3D 그래픽을 사용할 수 있도록 제공 2D, 3D 그래픽을 구현할 수 있음. (특히 3D 그래픽에 많이 ..