https://github.com/patternina/threejs-journey
Extended exploration of the Bruno Simon's course: Three.js Journey (threejs-journey.xyz)
https://github.com/patternina/threejs-journey
Last synced: 10 months ago
JSON representation
Extended exploration of the Bruno Simon's course: Three.js Journey (threejs-journey.xyz)
- Host: GitHub
- URL: https://github.com/patternina/threejs-journey
- Owner: patternina
- Created: 2021-04-14T15:30:52.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-08-24T03:46:30.000Z (over 2 years ago)
- Last Synced: 2025-05-06T00:16:19.455Z (10 months ago)
- Language: TypeScript
- Homepage: https://haunted-house-threejs-pi.vercel.app
- Size: 75.7 MB
- Stars: 17
- Watchers: 1
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Three.js Journey
This is an extended exploration of the Bruno Simon's course: [Three.js Journey](https://threejs-journey.xyz/).
I've added some personal touches that helped me to get a better understading of Three.js
- I've reviewed and used approaches and functionality from the [official Three.js documentation](https://threejs.org/docs/index.html#manual/introduction/Creating-a-scene) and other online resources.
- I used TypeScript and Sass.
- I've also written each lesson in React Three Fiber.
## Lessons
### 01 Basics
#### [03 Basic Scene](./03%20Basic%20Scene)
#### 04 Local Server
[Vite](./04%20Local%20server/Vite)
[React Three Fiber](./04%20Local%20server/react-three-fiber)
#### 05 Transforming Objects
[Vite](./05%20Transforming%20Objects/Vite)
[React Three Fiber](./05%20Transforming%20Objects/react-three-fiber)
#### 06 Animations
[Vite](./06%20Animations/Vite)
[React Three Fiber](./06%20Animations/react-three-fiber)
#### 07 Cameras
[Vite](./07%20Cameras/Vite)
[React Three Fiber](./07%20Cameras/react-three-fiber)
#### 08 Fullscreen and Resizing
[Vite](./08%20Fullscreen%20and%20Resizing/Vite)
[React Three Fiber](./08%20Fullscreen%20and%20Resizing/react-three-fiber)
#### 09 Geometries
[Vite](./09%20Geometries/Vite)
[React Three Fiber](./09%20Geometries/react-three-fiber)
#### 10 Debug UI
[Vite](./10%20Debug%20UI/Vite)
[React Three Fiber](./10%20Debug%20UI/react-three-fiber)
#### 11 Textures
[Vite](./11%20Textures/Vite)
[React Three Fiber](./11%20Textures/react-three-fiber)
#### 12 Materials
[Vite](./12%20Materials/Vite)
[React Three Fiber](./11%20Materials/react-three-fiber)
#### 13 3D Text
[Vite](./13%203D%20Text/Vite)
[React Three Fiber](./13%203D%20Text/react-three-fiber)
#### 15 Lights
[Vanilla Three.js](./15%20Lights/vanilla)
[react-three-fiber](./15%20Lights/react-three-fiber)
#### 16 Shadows
[Vanilla Three.js](./16%20Shadows/vanilla)
[react-three-fiber](./15%20Lights/react-three-fiber)
#### 17 Haunted House
[Vanilla Three.js](./vanilla-threejs/17-haunted-house)