https://github.com/httpstersk/three-js-fundamentals-r3f

Examples from the Three.js Fundamentals website recreated in react-three-fiber renderer.
https://github.com/httpstersk/three-js-fundamentals-r3f

r3f react-three-fiber three-js threejs

Last synced: 4 months ago
JSON representation

Examples from the Three.js Fundamentals website recreated in react-three-fiber renderer.

• Host: GitHub
• URL: https://github.com/httpstersk/three-js-fundamentals-r3f
• Owner: httpstersk
• Created: 2020-11-12T18:32:43.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-17T11:22:26.000Z (about 4 years ago)
• Last Synced: 2024-09-29T05:21:52.720Z (8 months ago)
• Topics: r3f, react-three-fiber, three-js, threejs
• Language: TypeScript
• Homepage:
• Size: 1.76 MB
• Stars: 103
• Watchers: 2
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **Three.js Fundamentals** (`R3F Version`)

>My journey learning [`react-three-fiber`](https://github.com/pmndrs/react-three-fiber) began by recreating examples from the [`Three.js Fundamentals`](https://threejsfundamentals.org/) website. I reckon it might get handy for someone, so I share the code on **GitHub**.

---

![Three.js Fundamentals (React Three Fiber) Open Graph Image](public/static/images/homepage-og-image.png?raw=true "Three.js Fundamentals (React Three Fiber)")

---

### 1. Install the dependencies

```sh

$ npm i

```

### 2. Start a development server

```sh

$ npm run dev

```