/ReactFiberConfigurator

Primary LanguageJavaScript

Design

Demo

Priorities

  1. show decal functionality
  2. Use a given t-shirt model
  3. Change colors

Good to have

  1. Intro screen
  2. Animations
  3. Interface change colors too

3D Optimization

React Three.js Fiber Development

  1. Environment setup
  2. Creating the basic React Three Fiber Scene
  3. Load the blender Model
  4. Make the model follows the mouse position
  5. Create the Intro overlay
  6. Create the Customizer overlay
  7. Implementing Valtio for state management
  8. Implementing the colors configurator
  9. Implementing the decals selector
  10. Download button and Mobile adjustments
  11. Animate the interface with framer motion