This project was inspired by an excellent HTML5 YouTube tutorial
> part 1 < and
> part 2 <.
In his two videos he lays out the design of the game and codes it with javascript.
As javascript has some similarities to App Inventor blocks, I was able to make use of a large part of his examples.
While javascript has great flexibility, App Inventor has some features built-in like collision detection between sprites which must be manually coded with bounding boxes in javascript.
So in some ways, coding such a game might be easier in App Inventor.
While there are many animation libraries for javascript, I find it most useful to see exactly how animation is done when game-makers use just basic javascript with the HTML5 canvas.
That way, if things such as gravity must be simulated, it is easy to snap together the blocks to do it.
Or if I need to make two drawn circles collide, I can use bounding boxes in the javascript style.
Here are some screen shots in no particular order of me playing the App Inventor version of the game...
![](https://lh3.googleusercontent.com/-c748EOsjnQw/Vfo0fI-U4vI/AAAAAAAANgg/8HFLRfdysjU/s320/Screenshot_2015-09-17-03-02-13.png)
![](https://lh3.googleusercontent.com/-mN-odBRWyCw/Vfo0uRwdpaI/AAAAAAAANgo/ToOdzJvnTDs/s320/Screenshot_2015-09-17-03-02-22.png)
![](https://lh3.googleusercontent.com/-gFXv9hn3UJk/Vfo04JeN4eI/AAAAAAAANgw/cRCgKbw6OnA/s320/Screenshot_2015-09-17-03-02-31.png)
![](https://lh3.googleusercontent.com/-yrdgMByPA_s/Vfo0-hhq4tI/AAAAAAAANg4/TMB5hg65wjA/s320/Screenshot_2015-09-17-03-06-30.png)
The project's blocks are well documented and a link to the original tutorial is included in the comments of the READ_ME procedure.
Have fun with this one, and see if you can make it better!
---
sf