Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    Only $11.99/month after trial. Cancel anytime.

    HTML 5 Shoot 'em Up in an Afternoon
    HTML 5 Shoot 'em Up in an Afternoon
    HTML 5 Shoot 'em Up in an Afternoon
    Ebook186 pages1 hour

    HTML 5 Shoot 'em Up in an Afternoon

    By Bryan Bibat

    ()

    Read preview

    About this ebook

    (This book is available for a pay-as-you-want price at Leanpub. This ebook-only version does not include the videos so it is priced slightly lower than the suggested Leanpub price.)

    Learn the basics of HTML5 game programming with Phaser

    Learn how to make a simple top-down shoot 'em up from scratch with the Phaser HTML5 framework in a few hours: from adding sprites, handling player input, processing collisions, up to setting up a boss fight.

    This book also covers topics not directly related to game development, like how to install a development environment, refactoring your code, and putting out your game into the public.

    LanguageEnglish
    PublisherBryan Bibat
    Release dateJul 2, 2014
    ISBN9781513008752
    HTML 5 Shoot 'em Up in an Afternoon

    Related to HTML 5 Shoot 'em Up in an Afternoon

    Related ebooks

    Programming For You

    View More
    View More

    Related podcast episodes

    Related articles

    • Article

      Interview//

      Dec 3, 2020

      Interview//
      9 min read

    • Article

      Interview//

      Nov 30, 2018

      Interview//
      9 min read

    • Article

      Becoming A Game Designer

      Dec 8, 2023

      Our basic rule set is perfectly good for a game at home or with our chums at the club, but as a commercial venture, it is lacking in the style or sparkle that will make it attractive enough for people to put their hands in their pocket and hand over

      6 min read

    • Article

      RetroRGB

      Jan 18, 2024

      RetroRGB
      3 min read

    • Article

      The Verdict

      Jul 26, 2022

      The Verdict
      2 min read

    • Article

      Mike Griggs

      Jan 29, 2020

      Mike Griggs
      6 min read

    • Article

      Gabe Newell

      Mar 26, 2020

      Gabe Newell
      16 min read

    • Article

      Computer Science Unplugged

      Jun 1, 2021

      You need a computer to teach computer science, right? Wrong! Computer Science Unplugged is a great set of resources for the classroom and the home. We can teach the basics of computer science by creating a series of games that teach the logic of comp

      1 min read

    • Article

      Get Into Coding!

      Aug 23, 2022

      Get Into Coding!
      1 min read

    • Article

      Mailserver

      Aug 22, 2023

      Do you have a burning Linuxrelated issue that you want to discuss? Write to us at Linux Format, Future Publishing, Quay House, The Ambury, Bath, BA1 1UA or email letters@ linuxformat.com. It has been said that one can tell what language a programmer

      4 min read

    • Article

      Back To Basics

      Mar 5, 2024

      For anyone looking to learn the basics of hacking, we hopefully have the right issue for you. Open source was always the home of hacking, and by that we mean trying to get things to work in ways for which they were never designed. A lot of that meani

      1 min read

    • Article

      Letters

      Apr 25, 2023

      > Legibility concerns > How to make games > Creator PC needed > Move fast, break things I’m a longtime reader of your fine magazine, and hope to continue subscribing. However, your recent issue, April 2023, contains many pages I simply can’t read. Be

      6 min read

    • Article

      Mailserver

      Dec 12, 2023

      Mailserver
      4 min read

    • Article

      ACDSee Photo Studio 9

      Feb 23, 2023

      ACDSee Photo Studio 9
      3 min read

    • Article

      Meetings In The Metaverse

      Jun 12, 2022

      Meetings In The Metaverse
      8 min read

    • Article

      Unreal Engine

      Jan 25, 2022

      Unreal Engine
      2 min read

    • Article

      Letters

      Sep 17, 2019

      > Gaming History > Firefox Passwords > PC Maintenance I really enjoyed your article on early computer games. The one that got me hooked on gaming was called Snoopy & The Red Baron. It ran on a Datapoint 2200 in 1971, a “microcomputer” about the size

      5 min read

    • Article

      Norm For Board-om

      May 7, 2020

      As I write this article here in the UK we’re under lockdown due to the coronavirus, and I’m extremely thankful for the wide range of board games I have in my house, which are liable to help make the next however many weeks pass that much quicker. We’

      6 min read

    • Article

      Mailserver

      Dec 13, 2022

      Mailserver
      4 min read

    • Article

      Devon Fay

      Jun 15, 2021

      Devon Fay
      6 min read

    • Article

      >GAME LOOP

      Apr 27, 2017

      >GAME LOOP
      3 min read

    • Article

      RetroTink 4K

      Nov 23, 2023

      RetroTink 4K
      3 min read

    Related categories

    Reviews for HTML 5 Shoot 'em Up in an Afternoon

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      Book preview

      HTML 5 Shoot 'em Up in an Afternoon - Bryan Bibat

      HTML 5 Shoot 'em Up in an Afternoon

      HTML 5 Shoot 'em Up in an Afternoon

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

      Bryan Bibat

      This book is for sale at http://leanpub.com/html5shootemupinanafternoon

      This version was published on 2015-07-11

      publisher's logo

      *   *   *   *   *

      This is a Leanpub book. Leanpub empowers authors and publishers with the Lean Publishing process. Lean Publishing is the act of publishing an in-progress ebook using lightweight tools and many iterations to get reader feedback, pivot until you have the right book and build traction once you do.

      *   *   *   *   *

      © 2014 - 2015 Bryan Bibat

      ISBN for EPUB version: 9781513008752

      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

      Preface

      I’ll be honest and get this out as early as possible: I’m not a professional game developer. Looking at my other Leanpub books will tell you that I’m more into web development. Heck, if you told me a few months ago that I would be putting out a game development book, I would’ve thought you’re crazy.

      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 Leanpub.

      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.

      The positive response from the participants also convinced me to spend some more time to improve this book and get it out there for anyone interested in learning the basics of game development.

      License

      This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.

      You can find the complete source of this book at https://github.com/bryanbibat/html5shootemupinanafternoon.

      Phaser © 2014 Photon Storm Ltd.

      Art assets derived from SpriteLib, © 2002 Ari Feldman.

      Sound assets © 2012 - 2013 dklon (Devin Watson).

      Introduction

      This is usually the part where books give a lengthy intro about HTML5 to increase their word count. This is not one of those books.

      All you need to know about HTML5 is that it allows you to do stuff in your browser, regardless if it’s on a desktop PC or a mobile phone, without the need for extra plugins. And that includes making games. If you want a better intro to HTML5, head over to Dive Into HTML5.

      As the title and cover of the book implies, we will introduce you to both HTML5 and game development by guiding you in making a shoot-em-up game similar to the classic video game 1942.

      There are a number of HTML5 libraries and frameworks out there right now. For this afternoon workshop, we’ll be using Phaser, an open-source framework built on top of Pixi.js. It’s a higher-level framework: it’s bigger and may feel like you have much less control (i.e. magical) compared to other frameworks, but at the same time, you need far less code to get things done and this makes it suitable for a short workshop such as this one.

      Who is this book for?

      This book is for people who want to learn the basic concepts behind creating games.

      Enjoying the preview?
      Page 1 of 1