httpstersk / three-js-fundamentals-r3f Public

Notifications You must be signed in to change notification settings
Fork 14
Star 107

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

107 stars 14 forks Branches Tags Activity

httpstersk/three-js-fundamentals-r3f

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 119 Commits
constants		constants
lessons		lessons
pages		pages
public		public
styles		styles
utils		utils
.gitignore		.gitignore
README.md		README.md
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json

Repository files navigation

Three.js Fundamentals (`R3F Version`)

My journey learning react-three-fiber began by recreating examples from the Three.js Fundamentals 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

1. Install the dependencies

$ npm i

2. Start a development server

$ npm run dev

About

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

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

httpstersk/three-js-fundamentals-r3f

Folders and files

Latest commit

History

Repository files navigation

Three.js Fundamentals (`R3F Version`)

1. Install the dependencies

2. Start a development server

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Languages

httpstersk/three-js-fundamentals-r3f

Folders and files

Latest commit

History

Repository files navigation

Three.js Fundamentals (R3F Version)

1. Install the dependencies

2. Start a development server

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Languages

Three.js Fundamentals (`R3F Version`)