01. 웹사이트에서 3D를 자유자재로?! - Three.js 강좌 скачать в хорошем качестве

01. 웹사이트에서 3D를 자유자재로?! - Three.js 강좌

안녕하세요. 드디어 Three.js 강좌를 시작합니다. three.js란 웹페이지에 3D 객체를 쉽게 렌더링하도록 도와주는 자바스크립트 라이브러리입니다. three.js 웹사이트 - https://threejs.org/ VS Code 웹사이트 - https://code.visualstudio.com/ 웹사이트를 더욱 멋있게 생동감 있게 표현할 수 있는 기술이라서 평소에 3D툴을 다룰 줄 알거나 3D 인터렉션에 대해 관심있는 분들은 공부하셔도 좋을 것 같습니다. three.js를 코드로 사용할 수 있도록 설치부터, three.js의 기본 구조를 파악하고, 간단한 도형을 불러오는 것부터, 빛을 불러오고, 질감을 입히고, 카메라를 세팅하고, 간단한 애니메이션도 적용해볼게요. 그리고 스크롤이나 마우스 오버, 클릭 등의 이벤트를 통한 인터렉션을 구현하는 방법도 당연히 배워보는게 좋겠죠?! 추가로 시포디나 블렌더 등의 3D툴로 작업한 3D 파일을 three.js에서 제공하는 loader를 통해 불러오는 것까지 해볼게요. 단, 우리가 배우고자 하는 three.js는 입문자에게 난이도가 조금 있는 기술이라서 충분한 학습 기간을 두고 인내심을 가진 상태에서 배우시는 걸 추천드립니다. 이 강좌를 원활하게 배우고자 한다면 HTML, CSS는 당연히 알고 있어야 하고, javascript의 기본적인 문법은 알아야 합니다. 00:00 시작 00:39 Three.js 강좌 소개 01:31 Three.js로 만든 웹사이트 예시 02:02 인터페이스 파악하기 03:55 강좌로 배워볼 예제 일부 #웹코딩 #3D #three #threejs #JS #웹디자이너 #web 🚀 디자인베이스 멤버십 가입하면 다양한 고급 강좌와 예제 파일을 받아볼 수 있어요 ┗    / @designbase   🌟예제 다운은 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.🌟 *디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요. ☞ 디자인베이스 소개 : http://designbase.co.kr/about/ ☞ 공식 웹사이트 : http://designbase.co.kr/ ☞ 네이버블로그 : https://blog.naver.com/designbasekorea