profile
유연한 자세
post-thumbnail

Three.js 3D 그래픽 적용하기

시작하기 전, Three.js 설치를 안했다면 아래 링크를 클릭하자! three.js 설치하기 이제 본격적으로 시작해보자, 아래 링크는 3D 웹 디자인 예시이다. 3D 웹 포트폴리오 보기 장면 만들기 > 카메라로 장면을 렌더링할 수 있도록 장면, 카메라, 렌더러의 세 가지가 필요하다. main.js 코드 분석 Three.js 라이브러리를 가져와서 별칭을 THREE로 지정한다.

2023년 9월 14일
·
2개의 댓글
·
post-thumbnail

웹 사이트에서 멋있게 3D 모델을 적용해보자!

Three.js? > Three.js는 웹페이지에 3D 객체를 쉽게 랜더링할 수 있도록 도와주는 Javascript 3D 라이브러리이다. WebGL 기반으로 랜더링과 카메라, 조명 등의 3D 프로그래밍 기술을 간단하게 사용할 수 있다. > WebGL? > 웹상에서 2D 및 3D 그래픽을 렌더링하기 위한 로우 레벨 Javascript API 이다. WebGL 장점 누구나 사용 가능하다. 렌더링 가속화를 지원하는 그래픽카드를 사용한다. 별도의 플러그인이 필요 없다. 설치 > 본격적으로 Three.js이 뭔지 실습을 통해 알아보자. Three.js 공식 문서 ind

2023년 9월 11일
·
0개의 댓글
·