Have been developing a game for web and my kids wanted to play it on the phone. Since I built it with #React, #ThreeJS, #R3F, and other web tech, I tried out Ionic Capacitor to get it on mobile.
Had to make plenty of changes to support touch controls. It’s working well so far!
▵ Triplex.dev 0.56.0 has been released with some great new features and choice bug fixes!
What’s Triplex? It’s an editor for React Three Fiber where YOUR code is the source of truth.
Learn more about this release below 🧵
#threejs#react#r3f#webgamedev
Update, sound on 🔊! Here I talk through:
🔎 Focusing scene objects [f]
🕋 Transforming scene objects [t,r,s]
🎯 Focus mode [shift f]
This is all to make my life easier when making my game with R3F. Think they'll be useful for you too? Let me know in the comments! 👇
Building the game I've always wanted to - a Stick RPG in 3D!! Inspired by @XGenStudios and made for my daughter. Thanks to the #r3f community and @0xca0a for enabling #ReactJS developers to make 3D games. This one's 2 years in the making. Check it out: stickrpg4d.com
#Threejs has its own scene state, Cannon has its own physics world state. My game state is in Zustand stores. Update logic happens in useFrame() hooks or event handlers. TBH, this is spaghetti, not ideal. Next game will use an ECS architecture @hmans' github.com/hmans/miniplex
If anyone's wondering about the UFO... That is a pedestrian abduction mechanic I've been working on. In the future it will be reserved for certain parts of the storyline. The Truth will be in this game and expose much of the "great deception" that is happening in RL.
After years of making content for free, I completed my first ever paid-for course over at 0xca0a.gumroad.com/l/B4N4N4S ✨
It teaches front-end devs how to make Awwwards-type websites. Even if you've never even touched Threejs before.
RT appreciated! 😊
I programmed a little command line tool to turn on & off the wifi. There's no API for these as far as I could tell. So behind the scenes it controls an unmanned browser to navigate the router's local website: github.com/mattblackdev/asus…