RaySaii / React-Three-Fiber-Boilerplate

React-Three-Fiber-Boilerplate

This boilerplate is supplemental to my React Three Fiber course documentation hosted at https://sbcode.net/react-three-fiber/

Install

git clone https://github.com/Sean-Bradley/React-Three-Fiber-Boilerplate.git
cd React-Three-Fiber-Boilerplate
npm install
npm start

Your default browser should open http://localhost:3000/ automatically for you.

Branches

There are many branches in this boilerplate demonstrating various aspects.

To list all branches type,

git branch

To install a specific branch, for example orbitControls type,

git checkout orbitControls
npm install
npm run start

and, you will get a quite interactive demo of some green wireframe cubes/spheres/dodecahedrons.

There are many branches.

Some other examples are,

Leva Branch

git checkout leva
npm install
npm run start

Shadows Branch

git checkout shadows
npm install
npm run start

Environment Branch

git checkout environment
npm install
npm run start

glTFAdvanced Branch

git checkout glTFAdvanced
npm install
npm run start

Annotations Branch

git checkout annotations
npm install
npm run start

GLTFJSX Branch

git checkout gltfjsx
npm install
npm run start

House Branch

git checkout house
npm install
npm run start

Follow Cam Branch

git checkout followCam
npm install
npm run start

Other Branches

There are many branches in this boilerplate.

To list all branches type,

git branch

If you change to another branch, remember to first run

npm install

and then run.

npm start

React Three Fiber Course

To allow me to continue to release free MIT code, please check out my React Three Fiber course on Udemy and YouTube (Channel membership required).

Thanks

Sean Bradley