HTML 5 Shoot 'em Up in an Afternoon
With Membership
Suggested price

HTML 5 Shoot 'em Up in an Afternoon

Learn (or teach) the basics of Game Programming with this free Phaser tutorial

About the Book

Originally a rushed manual for a weekend workshop of 40 people, I've expanded this book to include more pictures and diagrams to make it easier for beginners to grasp basic game concepts.

This book is free to read online and download. The sample is also the complete book if you don't like giving away your email address (you won't get news updates via email, though). Purchasing the book is optional, but would be greatly appreciated as purchases will allow me to spend more time writing books like these.

2014-12-22 Update - Book now includes a quick and dirty video walkthrough to celebrate its entry to the top 100 downloaded books in Leanpub. Non-buyers can watch them on Youtube.

I'll make a much better version later if I have time, but that package won't be free.

About the Author

Bryan Bibat
Bryan Bibat

Hi, I'm Bryan Bibat and I'm a software engineer based in Taguig City, Philippines. I have 10 years of experience in developing software, mainly web applications.

Table of Contents

  • Preface
    • License
  • Introduction
    • Who is this book for?
  • Morning: Preparing for the Afternoon
    • Introduce them to Shoot ‘em Ups
    • Technical Requirements: JavaScript and Math
    • Development Environment Setup
    • Other Suggested Prior Reading
    • Video Walkthrough
  • Afternoon 0: Overview of the Starting Code
  • Afternoon 1: Sprites, the Game Loop, and Basic Physics
    • Sprite Basics
    • The Game Loop
    • Apply Physics
  • Afternoon 2: Player Actions
    • Keyboard Movement
    • Mouse/Touch Movement
    • Firing Bullets
  • Afternoon 3: Object Groups
    • Convert Bullets to Sprite Group
    • Enemy Sprite Group
    • Player Death
    • Convert Explosions to Sprite Group
  • Intermission: Refactoring
    • Refactoring Functions
    • Reducing Hard-coded Values
  • Afternoon 4: Health, Score, and Win/Lose Conditions
    • Enemy Health
    • Player Score
    • Player Lives
    • Win/Lose Conditions, Go back to Menu
  • Afternoon 5: Expanding the Game
    • Harder Enemy
    • Power-up
    • Boss Battle
    • Sound Effects
  • Afternoon 6: Wrapping Up
    • Restore original game flow
    • Sharing your game
  • Evening: What Next?
    • Challenges
    • What we didn’t cover
  • Appendix A: Environment Setup Tutorials
    • Basic Setup
    • Advanced Setup
    • Cloud IDE Setup
  • Appendix B: Expected Code Per Chapter

The Leanpub 60-day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $12 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub