Building Flappy Bird in Angular
summary
Shows how to implement a Flappy Bird clone in Angular using RxJS and Pixi.js. Uses fromEvent for key input, a requestAnimationFrame-based observable for delta-driven gravity, timer/interval to spawn pipes, a collision library for game-over detection, bufferTime to throttle taps, and a Subject-based reset pattern to unsubscribe/restart; Pixi.js renders the canvas.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 1:26Theoretical foundations
- 8:14RxJS basics
- 13:53Creating observables
- 21:32Key RxJS operators
- 24:47Game development
- 26:31Project structure
- 31:04Player input
- 32:07Game state
- 33:30Frame updates
- 35:16Background movement
- 36:20Implementing pipes
- 38:47Collision detection
- 41:17Game over
- 42:25Anti-cheat
- 43:27Conclusion
