- "Classic Red Coffee Mug" by @hungry_beagle licensed under CC BY 4.0
- Some design may be inspired by Vhite Rabbit's Barista Express, although I will be using react three fiber instead of A-Frame. (All models)
# get the basic react app up
$ brew install node
$ npm install -g npm@latest
$ npm install --global yarn
$ yarn create react-app . --template typescript # skip this step if you are using this repo as-is
$ yarn start
# add React 3D engine (fiber), VR/MR integration, helpers for fiber, physics (cannon)
yarn add three
yarn add react-three-fiber
yarn add @react-three/xr
yarn add @react-three/drei
yarn add @react-three/cannon
yarn run serve
- learn physics engine and three.js fundamentals
- add textures (async load with react suspense)
- load coffee mug model into scene
- learn xr permission and controller state hooks. Interactivity with fly and orbit controls.
- menu planning (seasonal)