React-Three-Fiber

Notes on the React renderer for three.js.

Examples

• Animation

  • Group of Objects
  • Move Camera
  • Move an Object
  • Rotate an Object
  • with React-Spring

• Calculation

  • Distance Between Objects
  • Line Between Objects

• Camera

  • Orthographic

• Controls - Camera

  • Orbit
  • Trackball

• Controls - Object

  • Look at Coords
  • Transform Controls

• Geometry

  • 2D Shape
  • Box
  • Cone
  • Cylinder
  • Sphere

• Helpers

  • Axis
  • Grid
  • Plane
  • Point Light Helper

• Lighting

  • 3 Point
  • Directional Light
  • Point Light

• Material

  • Normal
  • Standard
  • Wireframe

Resources

• Paul Henschel (creator of react-three-fiber)
• Introduction
• drei storybook