Create a game with React Three Fiber: Part 1 - Zustand

Let's create a game with threejs and React Three Fiber to learn Japanese characters Hiragana and Katakana.
In this first part, we will build the foundation of our game:

  • Setup Rapier Physics Engine
  • Loading 3D Models
  • Rendering 3D Text (Japanese font)
  • Creating a game engine with Zustand state management library

Get the starter pack here 🔗

threejs #r3f #react

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

Final source code



Learn Hiragana

Learn Katakana

React Three Fiber documentation

R3F Drei