/bgc-catching-bytes

Full version of Black Girls Code "HTML5 Game Development" code.

Primary LanguageHTML

 ██████  █████  ████████  ██████ ██   ██ ██ ███    ██  ██████      ██████  ██    ██ ████████ ███████ ███████ 
██      ██   ██    ██    ██      ██   ██ ██ ████   ██ ██           ██   ██  ██  ██     ██    ██      ██      
██      ███████    ██    ██      ███████ ██ ██ ██  ██ ██   ███     ██████    ████      ██    █████   ███████ 
██      ██   ██    ██    ██      ██   ██ ██ ██  ██ ██ ██    ██     ██   ██    ██       ██    ██           ██ 
 ██████ ██   ██    ██     ██████ ██   ██ ██ ██   ████  ██████      ██████     ██       ██    ███████ ███████ 
                                                                                                             

Catching-Bytes

Welcome to Black Girls Code! This is an introduction to "HTML5 Game Development." In this repository you will build your very own game called "Catching Bytes." During this workshop you will learn the following:

  • Javascript
    • Variables
    • Functions
    • Objects
    • Comments
  • Phaser.js
  • Game Design

Getting Started

Navigating Glitch

Navigating-Glitch

Folder Structure

/ code
  - 01-PLATFORM
  - 02-PLAYER
  - 03-MOVEMENT
  - 04-RULES
  - 05-SCORE
  - 06-BUGS
/ index.html
README.md

You will spend most of your coding in index.html. You will go over 6 steps that will help you create your first game. You will get all of your code from a folder called code/. Through out the workshop we will tell you which file to go to where you will copy and paste the code.

Help

If you need help send a message to the one of the following chat moderators:

  • Moderator A
  • Moderator B
  • Moderator C
  • Moderator D
  • Moderator E
  • Moderator f

Additional Resources

Here are some awesome books that you can read if you want to learn more about Game Development.

For Kids!

For Teens!

For Adults!

Feedback

Your feedback is very much appreciated once you are done with this workshop please give fill out this survey here.