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 🔗 ▬▬▬▬▬▬
My complete course to learn React Three Fiber
[ Ссылка ]
Final source code
[ Ссылка ]
Models
[ Ссылка ]
[ Ссылка ]
Zustand
[ Ссылка ]
Learn Hiragana
[ Ссылка ]
Learn Katakana
[ Ссылка ]
React Three Fiber documentation
[ Ссылка ]
R3F Drei
[ Ссылка ]
Three.js Journey.
[ Ссылка ]
I also have a discount code just for you to get -20%
[ Ссылка ]
▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬
00:00 - Japanese characters
00:42 - Setup
01:05 - Basic scene
02:37 - 3D Text
04:09 - Zustand game engine
07:17 - Simple character controller
09:44 - First part progression
▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬
Become a member to get access to awesome perks:
[ Ссылка ]
▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬
💻 The Discord Community
[ Ссылка ]
📸 Instagram :
[ Ссылка ]
🎎 Facebook :
[ Ссылка ]
🐦Twitter :
[ Ссылка ]
🐦TikTok :
[ Ссылка ]
💻 My website :
[ Ссылка ]
![](https://s2.save4k.ru/pic/zwNF1-lsia8/maxresdefault.jpg)