HTML 5 Shoot ’em Up in an Afternoon
Free

HTML 5 Shoot ’em Up in an Afternoon

By Bryan Bibat
Free
Book Description

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

This book was a result of three things that happened to occur around the same time:

First was the problem that came up with our HTML5 workshop. The original lecturer bailed at the last minute and we had problems with finding a replacement. We even considered the worst case, cutting out the hands-on portion leaving us with a morning “workshop” consisting only of talks from people in the local gaming industry.

Coincidentally, I was playing around with Phaser a few weeks before the event. While I am not a game developer, I had just enough knowledge to make a simple workshop to introduce basic game concepts via the said HTML5 game framework. In the end I volunteered to take over the workshop less than four days before the actual event.

Normally I would have prepared a hundred or so slides and go through them during the workshop. But earlier that week I had the rare opportunity to talk to the first person who gave me advice when I started out teaching, and one of the things we talked about the not-so-recent trend of lazy college professors making only slides leaving a big gap between them and textbooks. This convinced me to switch things up with the workshop – instead of giving the participants a link to SpeakerDeck, I would point them to the book.

It took a few sleepless nights to write the original 36-page workbook, but it was worth it: I had a much easier time conducting the workshop than I would have if I went with slides.

Purchasing the book is optional, but would be greatly appreciated as purchases will allow me to spend more time writing books like these. A bonus video is included with purchases.

Table of Contents
  • 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
    No review for this book yet, be the first to review.
      No comment for this book yet, be the first to comment
      You May Also Like
      Also Available On
      App store smallGoogle play small
      Categories
      Curated Lists
      • Pattern Recognition and Machine Learning (Information Science and Statistics)
        by Christopher M. Bishop
        Data mining
        by I. H. Witten
        The Elements of Statistical Learning: Data Mining, Inference, and Prediction
        by Various
        See more...
      • CK-12 Chemistry
        by Various
        Concept Development Studies in Chemistry
        by John Hutchinson
        An Introduction to Chemistry - Atoms First
        by Mark Bishop
        See more...
      • Microsoft Word - How to Use Advanced Algebra II.doc
        by Jonathan Emmons
        Advanced Algebra II: Activities and Homework
        by Kenny Felder
        de2de
        by
        See more...
      • The Sun Who Lost His Way
        by
        Tania is a Detective
        by Kanika G
        Firenze_s-Light
        by
        See more...
      • Java 3D Programming
        by Daniel Selman
        The Java EE 6 Tutorial
        by Oracle Corporation
        JavaKid811
        by
        See more...