조아마시

쓸모 있는 상세페이지 만들기

웹3D/threejs|R3F

three.js 시작하기 전

joamashi 2024. 8. 7. 22:00

https://threejs.org/

 

Three.js – JavaScript 3D Library

 

threejs.org

https://threejs.org/editor/

 

three.js editor

 

threejs.org

https://threejs.org/docs/index.html#manual/ko/introduction/Installation

 

three.js docs

 

threejs.org

https://mrdoob.com/

 

Mr.doob

Collection of digital toys and experiments.

mrdoob.com

https://ykob.github.io/sketch-threejs/

 

sketch of three.js

interactive sketches made with three.js. created by yoichi kobayashi.

ykob.github.io

https://airtight.cc/

 

Airtight Interactive

Airtight Interactive is the home of Felix Turner. Felix Turner is a Creative Technical Director based in Los Angeles.

airtight.cc

https://cinemont.com/

 

Nathan Gordon Porfolio

Freelance Creative Web Developer and 3D generalist.

cinemont.com

 

온라인 배우기

https://threejs-journey.com/

 

Three.js Journey — Learn WebGL with Three.js

The ultimate Three.js course whether you are a beginner or a more advanced developer

threejs-journey.com

https://www.youtube.com/@gisdeveloper/playlists

 

GIS DEVELOPER

안녕하세요, GIS Developer 김형준입니다. 제 체널에 관심을 가져 주셔서 감사합니다. 지리정보시스템(GIS) 분야에서 활동하고 있는 소프트웨어 개발자입니다. 주요 개발 분야는 GIS 솔루션 및 서비스

www.youtube.com

https://www.youtube.com/playlist?list=PLe6NQuuFBu7HqxY10b6gNu6iisT2-rZv-

 

Three.JS 강좌 (종결)

웹에서 3차원 그래픽 기능을 개발할 수 있는 Three.JS 라이브러리 강좌입니다. three.js에 처음 입문하시는 분들을 위한 강좌로 자바스크립트 문법은 이미 알고 계셔야 합니다. 자바스크립트의 class

www.youtube.com

https://www.youtube.com/playlist?list=PLe6NQuuFBu7Gng3Z42Uf49REkR7tBxRZZ

 

Three.js 응용

제 채널에서 제공하는 Three.js 강좌에서 설명하지 못한 three.js의 기능과 three.js를 이용하여 응용할 수 있는 코드들을 간단 명료하게 설명해 드립니다.

www.youtube.com

https://www.youtube.com/playlist?list=PLe6NQuuFBu7HUeJkowKRkLWwkdOlhwrje

 

R3F(React Three Fiber)를 이용한 3D 웹 개발 (종결)

 

www.youtube.com

https://www.youtube.com/playlist?list=PLe6NQuuFBu7H09uBNNFbCEHSYNOqPrSQL

 

Three.js와 Blender를 이용한 메타버스 환경 구축 및 인터랙티브 웹 개발 (종결)

 

www.youtube.com

https://www.youtube.com/playlist?list=PLkbzizJk4Ae9hHI_YUD3fRv8xLfS3jGEW

 

Three.js 강좌

 

www.youtube.com

https://www.youtube.com/playlist?list=PLRL3Z3lpLmH0aqLDbfh0ZmnDkpXPDnTau

 

Three.js Tutorials for Beginners

 

www.youtube.com

https://www.youtube.com/playlist?list=PLRtjMdoYXLf6mvjCmrltvsD0j12ZQDMfE

 

Three.js Tutorial Series

Learn about 3D web programming using the awesome free and open source Three.js library.

www.youtube.com

https://fastcampus.co.kr/dev_online_3dinteractive

 

더 쉽고 편하게 만드는 3D 인터랙티브 웹 개발 : 구현부터 최적화까지 (feat. R3F & Three.js) | 패스트

5개 3D 인터랙티브 웹 프로젝트, 약 36시간 + @ 분량의 3D 인터랙티브 웹 강의. 3D 인터랙티브 웹의 근본 Three.js부터 최근 주목받는 React기반의 R3F까지! 더 쉽게, 하지만 더 다양한 기능을 포함한 3D 인

fastcampus.co.kr

https://www.inflearn.com/course/3d-%EC%9D%B8%ED%84%B0%EB%9E%99%ED%8B%B0%EB%B8%8C-%EC%9B%B9

 

Three.js로 시작하는 3D 인터랙티브 웹 강의 | 1분코딩 - 인프런

1분코딩 | 웹에서 3D를 구현할 수 있는 자바스크립트 라이브러리, three.js의 핵심 개념들을 익히고 응용 예제까지 만들어 보면서 3D 웹 개발에 대한 감을 익혀봅니다., three.js로 웹에서 구현 가능한3

www.inflearn.com

https://www.inflearn.com/course/threejs-3d-%EC%9D%B8%ED%84%B0%EB%9E%99%ED%8B%B0%EB%B8%8C

 

Three.js 3D 인터랙티브 바로 시작하기 강의 | 코딩일레븐 - 인프런

코딩일레븐 | 실무에서 Three.js를 바로 사용할 수 있도록 커리큘럼을 구성했습니다!, 2D를 넘어 3D를 다루면 개발이 더 재밌어집니다!Three.js로 입체적인 컨텐츠 개발 함께해요. 🧩 활용도 높은 Three

www.inflearn.com

https://stemkoski.github.io/Three.js/

 

Three.js - examples

Hello World A heavily commented but basic scene. Illustrates the setup of a scene, camera, renderer, event handlers (for window resize and fullscreen, provided by the THREEx library), mouse controls to rotate/zoom/pan the scene, mini-display for FPS stats,

stemkoski.github.io

https://www.udemy.com/course/react-three-fiber-r3f/

 

728x90

'웹3D > threejs|R3F' 카테고리의 다른 글

[R3F] Geometries 종류  (0) 2025.01.15
[Three.js] Global variable  (0) 2025.01.15