This is essentially my first attempt to build a 3D WebGL game, or any game in general. It's possible it'll be buggy, but what I hope for is that it'll be fun as well!
Project structure
/app- Holds Redux store specifics/components- Holds any reusable UI components/features- Essential features with their respective styles and state/models- Holds any reusable 3D components/utils- Helper functions and constants
External dependencies
three- THREE.js for spacial renderingreact-three-fiber- React port of THREE by React Spring teamclassnames- Styling helperprimereact- PrimeReact, core component libraryprimeicons- PrimeReact, icons libraryprimeflex- PrimeFlex, grid library
Todo
- Allow horizontal movement as well
- Use keyboard for controlling movement
- Add basic collision logic
- Game over
- Add clock
- Settings