A fast-paced, arcade-style breakout game built for the browser using JavaScript and WebGL.
This project is experimental and primarily a learning playground for WebGL, with the secondary goal of exploring porting WebGL content to React Native using expo-gl and the GLView component.
- JavaScript – game logic and interactivity
- WebGL2 – rendering and shaders
- HTML5 & Canvas – display
- Tailwind CSS – utility-first styling
- Vite – fast development server and bundling
- Understand WebGL2 shader compilation and linking
- Practice vertex & fragment shader basics
- Learn buffer setup and simple drawing
- Build a responsive browser-based arcade game
- Explore porting WebGL to React Native with Expo GLView
- Fast, responsive gameplay
- Basic WebGL2 rendering pipeline
- Safe shader compilation & program linking
- Designed for eventual mobile porting
- Refactor core logic for portability
- Port to React Native (Android)
- Add touch controls
- Expand visuals and audio (particle systems, SFX)
- Implement difficulty scaling and polish
- Clone the repository:
git clone https://github.cgit om/auilk/breakrush.git
cd breakrush- Start the development server:
npm install
npm run dev- Open the browser at the provided URL.
Early development; features and structure may evolve as learning progresses.