liebespaar93 / r3f

title	description	date	preview	tags	categories
R3F	R3F 강의를 따라 공부한 내용입니다	2023-10-15 18:47:55 UTC	/README/assets/pmnd24f_04.gif	R3F	R3F

🎓 강의를 기반으로 학습하는 과정입니다

R3F 에대한 강의로 3D 웹 개발에 대하여 입문과정을 알려준다

📚 강의 목록

---

1. 🎓 소개 강의
2. 🎓 강의 리뷰 프로젝트
3. 🎓 강의 리뷰 Canvas
4. 🎓 강의 리뷰 Transformation
5. 🎓 강의 리뷰 Geometry 1
6. 🎓 강의 리뷰 Geometry 2
7. 🎓 강의 리뷰 Material three
8. 🎓 강의 리뷰 Material r3f
9. 🎓 강의 리뷰 Material textermap
10. 🎓 강의 리뷰 Light
11. 🎓 강의 리뷰 Camera
12. 🎓 강의 리뷰 Shadow 1
13. 🎓 강의 리뷰 Shadow 2
14. 🎓 강의 리뷰 3D model
15. 🎓 강의 리뷰 준비중

🚀 Three js

다양한 three js 로 만든 프로젝트를 볼 수 있다

🔗 링크 https://threejs.org/

🔗 깃허브 링크 : https://github.com/mrdoob/three.js

🚀 R3F

R3F 관한 Doc이나 프로젝트를 따라하며 배울 수 있다

🔗 링크 https://pmnd.rs/

🔗 깃허브 링크 : https://github.com/pmndrs

🚀 drei

R3F 사용에 편리성을 추가하는 페키지

🔗 링크 https://github.com/pmndrs/drei

🚀 leva

R3F의 값 변경 컨트롤러 페키지

🔗 링크 https://github.com/pmndrs/leva

Note

code view https://leva.pmnd.rs/?path=/story/inputs-string--simple

🚀 GLSL / Shader

Shader에 관한 강의 입니다 the book of shaders 를 기반으로 학습을 합니다

🔗 링크 https://www.opentutorials.org/module/3659/21954

🚀 polyhaven

배경 화면의 context을 제공 해준다

🔗 링크 https://polyhaven.com/

🚀 solarsystemscope

우주 texture 제공 해준다

🔗 링크 https://www.solarsystemscope.com/

🚀 tween.js

frame tween 모션을 제공해준다

lumalabs

3D model maker

🏛️ 규칙

아이콘	형식	설명
🎓	<설명>	학습 과정에대한 내용을 작성힙니다
📖	<설명>	선행 학습에 대한 정보가 작성 됩니다
🌏	Setting(<설치명>)	시스템 환경 설정에 대한 내용을 작성합니다
🌑	Install(<설치명>)	앱단위 환경 설정에 대한 내용을 작성합니다
📔	<타이틀>	정보 타이틀 입니다
📝	<타이틀> 란?	타이틀에 대한 정보를 작성 합니다
✏️	사용법(<타이틀>)	타이틀사용 법에 대하여 작성 합니다
⚡️	Action -	작동에 대한 실습 입니다
🖼️	Example(<타이틀>)	타이틀 예시 정보 입니다
👀	Preview(<타이틀>)	타이틀을 미리보기 할때 사용합니다
🍝	Code(<타이틀>)	타이틀 종합 테스트 코드입니다
📋	File(<파일명>) <설명>	파일명 파일의 전체 내용 입니다
✨	Constructor(<타이틀>)	타이틀에 대한 생성자 목록
🎩	Properties(<타이틀>)	타이틀에 대한 Properties 목록 입니다
🪄	Method(<타이틀>)	타이틀에 대한 Method 목록 입니다
📌	Check List	전체적인 체크리스트에 대한 정보를 알려줍니다
🗃️	Tree	폴더 정보를 작성합니다
🚀	참고 사이트	참고 사이트에 대한 정보 입니다
📚	-	무언가 정리할때 사용합니다
🔗	Link : <링크>	링크에 대한 정보가 작성 됩니다

분류	작성법	설명
Note	> [!NOTE]	인용을 이용한 노트 표시
Note	> [!ERROR]	인용을 이용한 에러 표시
Note	> [!WARNING]	인용을 이용한 경고 표시
Note	> [!IMPORTANT]	인용을 이용한 중요 표시
Note	> [!TIP]	인용을 이용한 팁 표시
Note	> [!CHECK]	인용을 이용한 체크 표시

🎨 Markdown Style

github의 GitHub Flavored Markdown(GFM)을 다른다
🔗 링크 https://github.github.com/gfm/