Learn to make HTML 5, Facebook, Chrome Store games and more!
4.3 (25 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
964 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn to make HTML 5, Facebook, Chrome Store games and more! to your Wishlist.

Add to Wishlist

Learn to make HTML 5, Facebook, Chrome Store games and more!

Learn how to make games without coding! This course is on sale for 99 dollars act now!
4.3 (25 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
964 students enrolled
Created by John Bura
Last updated 2/2013
English
Current price: $10 Original price: $200 Discount: 95% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 30.5 hours on-demand video
  • 6 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Introduction to Construct 2
Making a Chrome Store or Facebook game from scratch
How to make a platformer game from scratch
How to create a megaman soundtrack from scratch
View Curriculum
Requirements
  • A PC computer
  • Scirra's Construct 2 engine (free trial)
  • An up to date browser preferably Chrome
Description

You have great ideas that you want to turn into games. With this HTML5 Game Tutorial, you can learn how to make those ideas into a reality. This course isn't just a simple how-to-make-a-game course. You get to learn the secrets of game design that are taught in the best game design colleges in the world.

This is an HTML5 Game Development course where you will learn to how to make HTML 5, Facebook, Google Chrome Store, iPhone, iPad and android games. This course will teach you everything you need to know from programming to music. You get to learn how to build the entire game from scratch. The HTML5 Game Tutorial will show you how to do all of this in a clear step by step fashion. Along the way you get to listen to insightful tips that you would normally hear in the best game design colleges. This HTML5 Game Development is meant for beginners who have never produced a game before. With this course you can be a star and produce and distribute your own games.


This course currently contains these courses
- Introduction to Scirra's Construct 2, the powerful engines that allow you to make Chrome store and Facebook Games. Construct 2 is only available for PC at this time.
- How to make a game from scratch using the construct 2 engine. In this course you learn how to make a game from scratch and then release it on the chrome store and facebook!

Who is the target audience?
  • Absolute beginners when it comes to game production
  • People who have great ideas and don't want to hire a development team
  • Artists and designers who need to add a game to their resume
  • This course is NOT for experienced developers, the content is aimed at beginners.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 432 Lectures Collapse All 432 Lectures 31:50:14
+
Introduction to Construct 2
101 Lectures 04:23:09


Introduction To the program we will be using
01:33

General Interface
05:38

Insert A Sprite
01:54

Sprite Properties
03:53

Adding Movement To A Sprite
02:29

In this tutorial you will learn how to add borders to your game

Adding borders
03:47

In this tutorial you will learn about sprite edges and origins.

Edge and origin
01:01

In this tutorial you will learn how to modify the 8 direction design layout

Modifying The 8 Direction Layout
05:00

In this tutorial you will learn how to make the camera follow a sprite

Learn how to scroll to a sprite
01:57

In this tutorial you learn how add a background.

Adding a background
02:00

In this tutorial you learn how add layers to your game

Adding Layers
02:07

In this tutorial you learn how to add text to your game.

Adding text to your game
03:16

In this tutorial you learn how to snap objects to the grid

Snapping To The Grid
00:25

In this tutorial you learn how to change the size of the sprite

Setting the sprite size
06:09

In this tutorial you will learn more about events

Learning more about events
03:10

In this tutorial you learn how to rotate a sprite

How to rotate your sprite
00:45

In this tutorial you learn how to rotate your sprite with an event.

How to rotate your sprite with an event
04:23

In this tutorial you learn how to rotate to an angle

Rotate to an angle
04:13

In this tutorial you learn how to set an angle

How to set an angle
00:42

In construct there is an easy way to shake the camera. In this tutorial you learn how to do that. 

Preview 02:47

In this tutorial you get to learn how to set opacity with events. 

Setting opacity with events
01:09

In this tutorial you learn what the isVisible function is and how to use it. 

21 Setting isVisible With Events
00:46

In this tutorial you learn to destroy an objet with an event. 

Destroy An Object With An Event
01:40

In this tutorial you learn how to spawn a bullet or projectile

How To Spawn An Object And Basic Bullet Use
07:02

This is a continuation on how to add bullets to your game. 

Bullets Part 2
04:33

In this tutorial you learn how to destroy objects

Destroying The Particle
02:39

In this tutorial you learn how to set the projectile's origin

Setting The Projectile's Origin
03:24

In this tutorial you learn how to rotate to a mouseclick

Rotate Towards Mouseclick
01:41

In this tutorial you learn how to move a sprite towards a mouseclick

Move Sprite Towards Mouseclick
01:25

In this tutorial I introduce you to variables

Introduction To Variables
02:11

In this tutorial you learn how to rotate a sprite to the mouse click

Implementing Variables Rotate Sprite To Mouse
05:31

This is a speed run to show you how fast constrcut 2 can build games. 

Speed Run: How To Implement Everything So Far
06:22

In this tutorial you learn how to pin objects to other objects

How To Pin Objects To Other Objects
02:39

In this tutorial you learn what a solid object is as well as how to implement them 

Making Objects Solid
01:05

This tutorial shows you how to make collisions masks and use them. 

Collision Masks And Solid Objects
02:02

In this tutorial you learn how to use wordwrap

How To Use Wordwrap
02:01

In this tutorial you get to add car properties to your game

Adding Car Properties To Your Sprite
00:48

In this tutorial I show you how to make a heads up display

How To Make A Heads Up Display(HUD)
04:13

In this tutorial you learn what paralax scrolling is.

Paralax Scrolling
03:06

In this tutorial you get to learn how to hide layers on demand

Hiding Layers On Demand
01:01

In this tutorial we are continuing our tutorial on layers

More Layer Properties
02:10

In this tutorial you learn how to move to co-ordinates and objects

How To Move To Co Ordinates And Objects
04:33

In this tutorial you learn how to move layers

How To Move Layers
03:45

In this tutorial you learn how to change the background color

How To Change The Background Color
02:24

In this tutorial you learn how to change the background color with a tiled background

Changing The Background Color With A Tiled Background
02:30

In this tutorail you learn how to make a spotlight in your game

Adding A Spotlight Effect
06:33

In this tutorial you will learn about text boxes

Adding Text Boxes
00:50

In this tutorial you will learn how to add buttons to your game

Adding Buttons To Your Game
01:29

In this tutorial you will learn how to change text with buttons!

Changing Text With Buttons
05:02

In this tutorial you learn how to append text

Append Text Feature
02:12

In this tutorial I show you how to add a varaible to your textbox

Adding A Variable To Your Textbox
01:58

In this tutorail you learn how to update a textbox.

Constantly Update Your Textbox With Text And A Variable
01:54

In this tutorial you learn how to add sound to your game. 

Adding Sound To Your Game
03:13

In this tutorial we will be making a very easy game.

Thoughts About Making An Easy Game
08:46

We are continuing to make a very simple game. 

Thoughts On Making An Easy Game Part 2
03:15

We are continuing to make an easy game

Making An Easy Game Part 3
05:07

Finishing up the small game we made

Finishing The Easy Game Part 4
03:12

In this tutorial we will recap what we have learned so far

Recap On What We Have Done So Far
05:26

In this tutorial we will explore simple physics

Simple Physics
02:21

In this tutorial we will be adding spawing and collision

Add Spawning And Collision
04:29

In this tutorial we will learn about physics properties

Physics Properties
05:16

Applying A Force To A Physical Object
03:21

Applying A Force To An Angle
01:00

Applying A Force To A Position
01:13

Applying A Velocity
02:01

Adding Torque To Your Object
00:57

Adding Angular Velocity To Your Object
00:52

Applying Torque Towards An Angle
01:13

Applying Torque Towards A Positioin
00:55

How To Create A Revolute Joint
01:36

How To Make A Scrolling Background
03:43

Introduction quiz
10 questions

Making A Simple Platformer
01:51

Making The Camera Follow The Player In A Platformer
00:53

Platformer Properties
03:53

Making A Platformer And Rapid Prototyping
04:49

Adding Other Controls To Your Platformer
02:31

Making Your Game Full Screen
01:48

Switching Gravity In Your Game
04:19

Setting Up The First Scene And Addition
01:53

Using Subtraction, Multiplication And Division
01:34

Modulo Operator
00:50

Raise To The Power Of Oporator
00:43

Building Strings
01:22

Comparison Operators
02:04

Logical AND And Logical OR
02:04

9 Conversion Expressions Int
01:02

Converting Int To String
01:01

Conditional Operators
01:18

Using The Ceil Expression
00:41

Using The Floor Expression
00:25

Finding The Length Of A String
00:57

Choosing A Random Number
01:07

Choosing An Random Number With A Range
01:28

Finding The Framerate
00:53

Counting Time
00:31

Finding The Tickcount
00:36

Making A New Line In Your Textbox
01:03

Rounding Numbers
00:22


Quiz #2
10 questions
+
Making a Chrome Store and Facebook game from scratch
139 Lectures 14:14:28
Project Goals And Planning
03:12

Making A Production Spec
07:54

3 Adding The Player Controls
05:20

Adding Wall Collisions
02:52

Tweaking The Player Controls
02:22

Adding A Projectile
04:25

Adding Spread Projectiles
08:48

8 Adding Debug Features To Your Game
03:02

Adding A Beam Part 1
03:04

Adding A Beam Part 2
03:52

Adding Homing Projectiles
05:26

Fixing The Homeing Projectile
01:27

How To Make Enemies Move Towards The Target
03:10

Adding The Projectile Enemy Collision
03:26

Adding Spawning Objects
02:00

Adding The Random Function To The Timer
01:14

Adding A Score Modifier
05:35

Adding In Scores And HUD
06:45

Adding The Lives To The HUD
02:42

Adding The Losing Lives Functionality
02:30

Adding The Weapons Type To The HUD
06:40

Adding Powerups To Your Game
07:44

Adding Points Powerups To The Game
06:51

Adding Weapons Select
12:49

Adding Beam Powerup
08:37

Adding Homing Powerup
05:38

Making A Menu
05:33

28 Adding Functionality To The Menus
05:40

Setting Up A Game Over Screen
04:50

Adding Some Game Over Logic
01:47

Final Thoughts Of The Game Before Art
04:04

Intoduction To Adobe Illustrator And Talking About Aesthetic Values
09:37

Making A Simple Scene
13:41

Adding Gradients To You Game
07:34

Resizing The Image To Fit The Gameplay
05:18

Adding Snow To The Mountains
08:59

Adding Shadding To The Mountain
12:30

Adding Clouds
11:56

Adding Some Trees
22:14

Fixing The Trees
04:21

Adding The Trunks To The Forground Trees
04:44

Adding The Canopy To The Trees In The Forground
04:55

Starting Our Bee Character
05:49

Continuing The Bee Chracter Part 2
06:36

Continuing The Bee Chracter Part 3
03:51

Adding More Detial To The Bee
08:49

Adding Legs To The Bee
08:38

Adding Wings To The Bee
04:22

Creating The Wasp Part 2
06:41

Adding More Detail To The Wasp
08:34

Adding Detail To The Eye
06:41

Adding Detail To The Mouth
09:50

Adding The Arms
16:47

Adding The Wings To The Wasp
07:52

Adding Final Detail To The Wasp
09:57

Talking About The Text And The Design
07:15

Making Powerups
11:09

Making The Rest Of The Powerups Part 2
02:51

Making The Projectile
05:19

62 Making The Beam Weapon Part 1
01:23

Making The Beam Weapon's Spark Part 2
05:49

Making The Title Screen
10:59

Adding Detail To The Title Screen
10:33

Finishing The Title Screen
05:51

Making The Other Cards And Task Inertia
22:49

68 Finishing The Cards
04:31

Setting Up The Instruction Screen
04:10

Making The Bee Animation
09:34

Making The Wasp Animation
08:58

Making The Spark Animation
03:19

Exporting Images
13:01

74 Setting Up The Instruction Screen
02:34

Making The Gameover Screen
01:45

Setting Up The Menu Screen
04:46

Setting Up The Highscore Screen
03:11

Adding The Art To The Game Screen
03:18

Adding The Images To The Game Screen
03:38

Setting Up The Text In The Game
01:59

Making The Scrolling Background
17:16

Fixing Some Illustrator And Graphic Problems
15:26

Adding The Animation To The Bee And The Wasp
02:20

Fixing The Wasp Rotation
01:29

Adding The Animation Spark To The Beam
08:36

Talking About The Project And Adding Sound Effects
05:03

Making The Projectile Sound Effect
04:52

Making The Spread Projectile
02:22

Making The Homing Projectile
04:35

Making The Beam Sound Effect
05:40

Making The Wasp Death Sound
04:12

Making The Bee Hit Sound
02:43

Talking About The Music And Adding Our First Beat
05:12

Adding The Bass Line
03:34

Adding The Melody
09:20

Finishing The Song
09:02

Making The Game Over Music
01:18

Adding The Bass Line To The Game Over Music
04:18

Adding The Melody
04:24

Adding The Melody To The Game Over Music
08:59

Making The Drums More Interesting In The Game Over Music
03:38

Making The Drums More Interesting In The Game Over Music
03:38

Composing The Main Music
03:24

Composing The Bassline
05:51

Picking The Synthsizers
12:27

Comosing The Pre Melody
03:17

Composing The A Melody
08:07

Composing The B Melody
07:22

Making The Song A Little More Interesting
05:50

Adding The Form The To Song
05:00

Adding An Intro To The Song
07:31

Making The Drums More Interesting
06:28

Adding Cymbals And Finishing The Song
09:31

Mixing Your Music
05:16

Making A Powerup Sound Effect
01:07

Making The Second Powerup Sound Effect
01:06

Adding The Music To The Game
04:50

Correcting The Music Coding Errors
03:55

Correcting A Music Logic Problem
02:28

Adding Sound Effects Part 1
06:55

Adding Sound Effects Part 2
03:51

Mixing Your Audio In The Engine
03:57

The Homestretch Talking About Finishing The Game And Releasing It
04:59

Adding A Difficulty Curve
16:01

Adding A Difficulty Curve Part 2
02:59

Making The Game More Fun
06:07

Adding High Scores And Polishing The Game
06:11

Making The Icons For The Chrome Store
14:50

Making The 16x16 Icon
02:52

Making The Banners 1280 And 440
10:49

Packing Your Game For The Chrome Store
05:49

129 Final Steps Of Publishing To The Chrome Store
09:32

Final Steps Of Publishing To The Chrome Store
01:05

131 Setting Up The Facebook Game
03:28

Adding A Facebook Login
04:01

Publishing Your Score To Your Facebook
03:29

Exporting Your HTML 5 Webpage
01:45

Setting Canvas URL In Facebook
02:43

Resizing Your Icon
02:55

Finalizing Your Facebook Game
02:31

Final Thoughts On Bees Versus Wasps
07:55
+
Course Files
1 Lecture 00:00

These are all of the images used in the course

Course Images
321.6 kB
+
Getting started on being a fantastic and productive game designer
6 Lectures 00:00
Lesson 1: Brainstorming
10 pages

Lesson 2 : Making A Simple Shooter
12 pages

Lesson 3: Constraints
13 pages

Lesson 4: Building On Past Success
11 pages

Lesson 5: Building A User Interface
12 pages

Lesson 6: Rapid Prototyping
17 pages
+
How to make a platformer game from scratch
57 Lectures 05:02:04
Introduction To Making A Platfomer
04:13

Making A Production Spec
10:44

Production Spec Part 2
06:23

Creating A Production Spec Part 3
07:38

Creating A Production Spec Part 4
04:47

Setting Up The Scene In Construct 2
02:46

Making The Layout To A Game
03:00

Adding The Player And Talking About The General Game Design
06:15

The 1 3 Rule
01:51

Sizing The Player
02:57

Tweaking The Player Controls
04:15

Adding Custom Controls
03:25

Making the player duck
04:46

Adding The Whip Part 1
06:26

Adding The Whip Part 2
03:09

Adding The Whip Part 3
05:32

17 Adding The Whip Part 4
01:56

Adding The Enemy Part 1
03:47

Moving The Enemy Left
00:48

Making The Enemy Bounce Between Walls
05:10

Adding Gravity To The Enemy
04:14

Final Thoughts On Adding The Enemy
03:46

Adding The Fruit Fuctionality
06:44

Expanding The Fruit Functionality
10:14

Fixing The Seed Collision
02:44

Adding Some Global Variables
03:44

Adding The Small Health And Big Health
06:53

Adding The Points Powerup
03:00

Adding The Whip Powerup
07:45

Housekeeping
02:54

Fixing An Unexpected Bug
05:30

Making The Other Enemies
11:43

Setting Up The Rat
05:50

Setting Up The Monster
04:06

Tweaking The Settings On The Enemies
03:00

Making Simple Spawner
02:12

Making A Different Kind Of Spawner
02:53

Making A Trigger
06:28

Adding The Other Whips
11:30

Making The Whips Work With The Game Objects
08:17

Adding In Some Lives Logic
06:45

Adding The Game Over Screen
03:36

Adding A Victory Condition And Screen
03:59

Adding A Better Ending Level
05:02

Fixing Some Errors In The End Level Sequence
04:09

Setting Up Checkpoints And Spawn Locations
10:29

Adding A Health Bar
08:38

Adding In Lives Visually
05:13

Adding The Points
05:19

Talking About Level Design
09:03

Making A Prototype Level
13:15

Finishing Up The First Part Of Production
00:58

Starting The Art In Photoshop
04:08

Adding Hills To The Game
06:13

Adding Hills To The Game
06:13

Adding The Sun
01:49

Adding The Sun's Rays
04:00
+
Create a Megaman soundtrack with FL studio
40 Lectures 04:02:32
Project Goals
03:24

Creating A Boss Theme: The A Bass Theme
02:46

Creating A Boss Theme: Making The B Bass Section
05:04

Tweaking The Tempo And Anding The Bass Drum
04:37

Creating A Boss Theme: Adding Some Chords To The A Section
08:16

Creating A Boss Theme: Adding Some Chords To The B Section
09:32

Creating A Boss Theme: How To Build Chords To The A Section
01:47

8 Building The Chords To The B Section
04:46

Adding More Variety To The Chords
02:10

Creating A Boss Theme: Adding Some Variety To The B Section To The Chords
01:54

Creating A Boss Theme: Putting Everything We Have So Far And Playing Around With It
04:22

Creating A Boss Theme: Talking About Synth Selections
07:46

Creating A Boss Theme: Making The Melody To The A Section Part 1
12:20

Creating A Boss Theme: Melody Theme A Part 2
04:59

Creating A Boss Theme: Melody Theme A Part 2
04:04

Creating A Boss Theme: Creating A Boss Theme A Melody Part 4
03:07

Creating A Boss Theme: Creating A Boss Theme A Melody Part 5
10:03

Creating A Boss Theme B Melody Part 1
11:05

Creating A Boss Theme Creating A B Melody Part 2
16:42

Creating A Boss Theme: Adding An Introduction
10:15

Creating A Boss Theme: Talking About Pacing In Video Games
04:54

Creating A Boss Theme: Changing The Synth
12:01

Creating A Boss Theme: Changing The Melody Synth
12:39

Creating A Boss Theme: Enhancing the drums
04:37

Creating Our First Song: Adding Transitions
04:21

Creating Our First Song: Adding Cymbals And Finishing The Song
07:31

Creating Our First Song: Making The A Bassline And Talking About The Song
01:53

Creating Our First Song: Making The B Bassline
02:25

Creating Our First Song: Making The C Bassline And Adding Adding Another A Bassline
05:24

Making Chords To The A #2 Section
03:41

Creating Our First Song: Making The Chords To The B Section
02:53

Creating Our First Song: Orchestrating The Chords
01:52

Creating Our First Song: Counterpoint And Chord Progressions
02:22

Creating Our First Song: Adding The Chords To The C Section
06:40

Creating Our First Song: Adding The Drums
04:39

Creating Our First Song: Adding More Drums
03:31

Creating Our First Song: Adding The A Melody
05:45

Creating Our First Song: Adding The A#2 Melody
05:18

Adding The B Melody
13:19

Adding The Melody To The C Section
07:48

Quiz #3
10 questions
+
Learning the fundamentals of Game Salad
88 Lectures 02:53:01
Introduction to Game Salad
01:27

Starting a New Project
01:48

Adding Actors
01:33

Adding Actors Part 2
01:43

Playing Around With Actors
01:08

Adding Attributes Starting With Boolean
01:46

Actor Properties
04:13

Text Attributes
01:03

Integers
00:50

Real Attributes
01:11

Device Attributes
02:31

Scene Attributes
04:32

Editing Prototypes in the Scene
02:00

Layers
01:52

Introduction to Behaviors
02:08

Private Attributes
01:40

The Expression Editor
02:09

Adding Images to Your Game
03:06

Accelerate and Game Salad Viewer
03:29

Accelerate towards
01:36

Rules Part 1
01:48

Rules Part 2
01:58

Rules Part 3
01:17

Rules Part 4
01:20

Rules part 5 Mouse in Inside
00:53

Rules Part 6
01:33

Rules Part 7
02:18

Rules Part 8 On and Off
01:05

Using the Animate Feature
03:23

Change Attribute and Adding Text
01:33

More on Change Attributes
03:48

Changing Attributes and Score
01:36

Adding Text to a TextBox
02:34

Adding a Space to the Text
01:15

Adding a Space Part 2
02:08

Changing the Image
01:46

Changing the Scene
02:11

Changing Size
02:18

Changing the Velocity
03:04

Bounce and Collide
03:09

Constrain Attribute
02:24

Control Camera
02:43

Destory
00:34

Interplolate
03:08

Keyboard Input
03:11

The Debugger
02:33

Move
01:58

Move to
03:01

Pause Screen
02:19

Pause and Play Music
01:03

Import sounds and Music
01:19

Play Sounds
01:39

Replicate
03:16

Reset the Game
00:47

Reset Scene
01:07

Rotate
01:30

Rotate to an Angle
02:04

Rotate towards Position
01:10

63
02:16

Rotate Towards Touch
00:50

Save Attribute
01:26

Load Attribute
03:06

Spawning Actors Part 1
04:56

More on Spawning actors and Performance
03:03

Stop the Music
00:39

Timers
04:25

Particles Part 1
01:07

Particle Rotation
01:39

Adding the Particles to the mouse
01:04

How to rotate the particles manually
01:21

Particle Spawn Rate
00:56

Particles FPS and performance
02:13

Particle sprat cones
02:38

One shot versus continuous spray
01:14

Setting values in the event sheet
01:35

Changing the image
01:49

Particle speed and art versus technical
02:30

Particle opacity
01:06

Particle growth rate
01:19

X and Y randomizer
01:55

Speed Randomizer
01:13

Size Randomizer
01:08

Growth rate randomize
02:05

Particle Acceleration
01:18

Particle Gravity
02:00

Angle Randomizer
01:45

Speed Randomizer
01:15

Opacity randomizer
00:42

Quiz #4
10 questions
About the Instructor
John Bura
4.3 Average rating
4,482 Reviews
106,007 Students
110 Courses
Best Selling Instructor Web/App/Game Developer 250k Students

John Bura is has been a successful Udemy instructor since 2011. John Bura has been programming games since 1997 and teaching since 2002. John is the owner of the game development studio Mammoth Interactive. This company produces XBOX 360, iPhone, iPad, android, HTML 5, ad-games and more. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to the top 10 in the Apple's app store. In his spare time John likes to play ultimate Frisbee, cycle and work out.