Building a Game in Ember Starring Your Cat
summary
Builds a Canvas game starring Crisanta using Ember with an explicit game loop driven by requestAnimationFrame, game state held in an Ember service, and menus animated with Liquid Fire. Acceptance tests manipulate the running game (a helper forces pizzas into reach) and an automated test confirms score increases (demo high score reached 71). Deploys to S3 via Ember CLI Deploy and publishes mobile and desktop builds with Cordova and Electron; everything is implemented and works end to end.
AI-written summary · about
chapters (26)
- 0:00Intro
- 2:12Why Build a Game in JS?
- 3:54But Why Build a Game in Ember?
- 5:23Let Ember Handle the Boring Parts
- 6:46The Boring Parts of Game Development
- 8:31Croissant the Pizza Cat
- 11:04Building Game Menus in Ember
- 11:41Menus through Routes
- 12:40Nested Templates in Ember
- 13:20Animating Full Screen Menus 2/2
- 15:50The Game Loop
- 16:42requestAnimation Frame
- 17:51The Game Service
- 18:41game/service.js
- 19:22Playing and Pausing the Game
- 20:16Testing the Game in Ember
- 20:55UI/Menu Component Tests
- 21:38Acceptance Testing the Game Mechanics
- 23:08spewPizzasLikeCrazy Test Helper
- 23:57Deploying the Game with Ember
- 24:21Deploying to the Web
- 25:00Deploying to Mobile and Desktop Apps - Building Mobile Applications with Ember
- 25:42Croissant on Mobile and Desktop
- 26:58Takeaways
- 27:46Graphics/Audio Tools
- 27:58Croissant Stickers
related talks
31mCrafting Web Comics with Ember
28mCrafting Web Comics with Ember
34mCrafting Web Comics with Ember
24mBuilding a real ambitious application using Ember, Node & CouchDB
32mAnimate the Web with Ember.js
25mEmberQuest: Building an Octane Role Playing Game
23mAnimate the Web with Ember.js
32mAnimate the Web with Ember.js