Fun and Games with Angular (v2.0)

Fun and Games with Angular (v2.0)

Angular is great for developing enterprise software. Does it always have to be about business though? If we are comfortable with the framework, maybe we can apply our knowledge on something a little goofier every once in a while. Let's go for a spin and explore how we can use the tools that we're familiar with to develop some simple games in the browser.
As it were, Angular is powerful enough to support games that are not so resource-intensive. In this lightning talk, we will look at how games can be created with Angular, including a short demo.

A5ff2e94b72a105555575b0a8e25836f?s=128

Wendy Kong

October 17, 2019
Tweet

Transcript

  1. FUN & GAMES WITH ANGULAR ========= v2.0 ========= wendy kong

    | web developer @ Pulsifi
  2. First ⚡ talk at Angular Conference July 2019

  3. A simple game with Angular & RxJS

  4. 1) Asynchronous Data Streams 2) Observables 3) Comes with Angular

    RxJS
  5. 1) Creating an observable 2) pipe(), subscribe() 3) Operators Mini

    crash course in RxJS
  6. LIVE CODE https://stackblitz.com/edit/rxjs-mamak-example?file=index.ts

  7. SET GO READY rxjs-mamak.netlify.com Let’s play!

  8. Timing ⏰ Game object User actions Score

  9. ⏰ Timing

  10. Game object

  11. Game object

  12. Game object

  13. Game object

  14. Game object

  15. User action

  16. User action

  17. User action

  18. Score

  19. GAME OVER GAME OVER GAME OVER GAME OVER wendko Game

    code: github.com/wendko/rxjs-mamak Play the v1 game: rxjs-mamak.netlify.com learnrxjs.io The introduction to Reactive Programming you've been missing (andrestaltz) Mini crash course: github.com/wendko/rxjs-mamak-example Want a job? pulsifi.me/careers ‍