[Library] Three.js

gsap을 사용할 때 여러 예제를 보면서 3d로 구현한 사이트가 가장 강렬하게 인상에 남았다.
그렇다면 이것도 라이브러리가 있지 않을ㄲ ㅏ ?
ㅇㅇ 역시 있음

사용방법

1. 프로젝트에 설치 및 적용

// 설치
npm install --save three
npm install --save-dev vite
or
yarn add three
yarn add vite

// 시작
npx vite

이해하기

• Scene
• Camera
  + te
  • Field of View : 해당 시점의 화면이 보여지는 정도, 값은 각도로 설정함
  • Aspext Ratio : 요소의 높이와 너비에 맞추어 표시
  • Near & far : far 값 보다 멀리 있는 요소나 near 값보다 가까이 있는 오브젝트는 레더링 되지 않음
• Renderer : 인스턴스를 생성하며 렌더링 할 곳의 크기를 설정