Create HTML5 Games with no Coding

Make HTML5 Games with No Coding Required

• 01 - Make HTML5 Games From Scratch With No Coding Required

  03:26:14Preview

  • 1.1 Introduction To The Course Welcome

    04:06

  • 1.2 General Interface

    05:39

  • 1.3 Insert A Sprite

    01:54

  • 1.4 Sprite Properties

    03:53

  • 1.5 Adding Movement To A Sprite

    02:29

  • 1.6 Adding Borders

    03:48

  • 1.7 Edge And Origin

    01:02

  • 1.8 Learn How To Scroll To A Sprite

    01:57

  • 1.9 Adding A Background

    02:01

  • 1.10 Adding Layers

    02:08

  • 1.11 Adding Text To Your Game

    03:17

  • 1.12 Snapping To The Grid

    00:25

  • 1.13 Setting The Sprite Size

    06:10

  • 1.14 Learning More About Events

    03:11

  • 1.15 How To Rotate Your Sprite

    00:46

  • 1.16 How To Rotate Your Sprite With An Event

    04:24

  • 1.17 Rotate To An Angle

    04:14

  • 1.18 How To Set An Angle

    00:43

  • 1.19 How To Shake The Camera

    02:47

  • 1.20 Setting Opacity With Events

    01:10

  • 1.21 Setting Is Visible With Events

    00:47

  • 1.22 How To Destroy An Object With An Event

    01:41

  • 1.23 How To Spawn An Object And Basic Bullet Use

    07:03

  • 1.24 Bullets Part 2

    04:34

  • 1.25 Destroying The Projectile

    02:40

  • 1.26 Setting The Projectile s Origin

    03:24

  • 1.27 Rotate Towards Mouseclick

    01:42

  • 1.28 Move Sprite Towards Mouseclick

    01:26

  • 1.29 Introduction To Variables

    02:12

  • 1.30 Implementing Variables Rotate Sprite To Mouse

    05:31

  • 1.31 Speed Run How To Implement Everything

    06:23

  • 1.32 How To Pin Objects To Other Objects

    02:40

  • 1.33 Making Objects Solid

    01:05

  • 1.34 Collision Masks And Solid Objects

    02:03

  • 1.35 How To Use Wordwrap

    02:01

  • 1.36 Adding Car Properties To Your Sprite

    00:48

  • 1.37 How To Make A Heads Up Display (HUD)

    04:13

  • 1.38 Paralax Scrolling

    03:07

  • 1.39 Hiding Layers On Demand

    01:02

  • 1.40 More Layer Properties

    02:10

  • 1.41 How To Move To Co Ordinates And Objects

    04:33

  • 1.42 How To Move Layers

    03:45

  • 1.43 How To Change The Background Color

    02:25

  • 1.44 Changing The Background Color With A Tiled Background

    02:30

  • 1.45 Adding A Spotlight Effect

    06:34

  • 1.46 Adding Text Boxes

    00:51

  • 1.47 Adding Buttons To Your Game

    01:30

  • 1.48 Changing Text With Buttons

    05:02

  • 1.49 Append Text Feature

    02:12

  • 1.50 Adding A Variable To Your Textbox

    01:58

  • 1.51 Constantly Update Your Textbox With Text

    01:54

  • 1.52 Adding Sound To Your Game

    03:13

  • 1.53 Thoughts About Making An Easy Game

    08:47

  • 1.54 Thoughts On Making An Easy Game Part 2

    03:15

  • 1.55 Making An Easy Game Part 3

    05:08

  • 1.56 Finishing The Easy Game Part 4

    03:13

  • 1.57 Recap On What We Have Done So Far

    05:27

  • 1.58 Simple Physics

    02:22

  • 1.59 Add Spawning And Collision

    04:30

  • 1.60 Physics Properties

    05:17

  • 1.61 Applying A Force To A Physical Object

    03:22

  • 1.62 Applying A Force To An Angle

    01:00

  • 1.63 Applying A Force To A Position

    01:13

  • 1.64 Applying A Velocity

    02:02

  • 1.65 Adding Torque To Your Object

    00:58

  • 1.66 Adding Angular Velocity To Your Object

    01:14

  • 1.67 Applying Torque Towards An Angle

    01:14

  • 1.68 Applying Torque Towards A Position

    00:56

  • 1.69 How To Create A Revolute Joint

    01:37

  • 1.70 How To Make A Tiled Background

    03:44

  • 1.71 How To Make A Scrolling Background

    01:52

• 02 - Make HTML5 Games From Scratch With No Coding Required - Part 2

  06:57:05Preview

  • 2.1 Project goals and planning

    03:13

  • 2.2 Making a simple production spec

    07:54

  • 2.3 Adding the player and controls

    05:21

  • 2.4 Adding wall collisions

    02:52

  • 2.5 Tweaking the player controls

    02:23

  • 2.6 Adding projectiles

    04:26

  • 2.7 Adding a spread projectile

    08:49

  • 2.8 Adding debug features to your game

    03:03

  • 2.9 Adding a beam part 1

    03:05

  • 2.10 Adding a beam part 2

    03:53

  • 2.11 Adding homing projectiles

    05:27

  • 2.12 Fixing the homing projectile bug

    01:28

  • 2.13 How to make the enemies move towards the target

    03:11

  • 2.14 Adding the projectile enemy collision

    03:27

  • 2.15 Adding Spawining Objects

    02:01

  • 2.16 Adding the random function to the timer

    01:15

  • 2.17 Adding a score modifier

    05:36

  • 2.18 Adding in Scores and HUD

    06:46

  • 2.19 Adding the lives to the HUD

    02:43

  • 2.20 Adding the losing lives functionality

    02:30

  • 2.21 Adding the weapons type to HUD

    06:41

  • 2.22 Adding Powerups to your game

    07:45

  • 2.23 Adding points powerups to the game

    06:52

  • 2.24 Adding Weapons Select

    12:50

  • 2.25 Adding Beam powerup

    08:38

  • 2.26 Adding homing Powerup

    05:38

  • 2.27 Making a menu

    05:34

  • 2.28 Adding functionality to the menus

    05:40

  • 2.29 Setting up a game over screen

    04:50

  • 2.30 Adding some game over logic

    01:48

  • 2.31 Final Thoughts of the game before art

    04:05

  • 2.32 Intoduction to adobe illustrator and talking about aesthetic values

    09:38

  • 2.33 Making a simple scene

    13:41

  • 2.34 Adding gradients to you game

    07:34

  • 2.35 Resizing the image to fit the gameplay

    05:18

  • 2.36 Adding Snow to the mountains

    08:59

  • 2.37 Adding Shadding to the mountain

    12:30

  • 2.38 Adding Clouds

    11:56

  • 2.39 Adding some trees

    22:14

  • 2.40 Fixing the trees

    04:22

  • 2.41 Adding the trunks to the foreground trees

    04:44

  • 2.42 Adding the canopy to the trees in the foreground

    04:56

  • 2.43 Starting our bee character

    05:50

  • 2.44 Continuing the bee character part 2

    06:36

  • 2.45 Making a bee part 3

    03:51

  • 2.46 Adding more detail to the bee

    08:50

  • 2.47 Adding legs to the bee - WITH SOUND

    08:38

  • 2.48 Adding Wings to the bee

    04:23

  • 2.49 Completing the bee and talking about design

    03:56

  • 2.50 Creating the wasp

    04:41

  • 2.51 Creating the wasp part 2

    06:42

  • 2.52 Adding more detail to the wasp

    08:34

  • 2.53 Adding Detail to the eye

    06:42

  • 2.54 Adding detail to the mouth

    09:50

  • 2.55 Adding the Arms

    16:48

  • 2.56 Adding the wings to the wasp

    07:52

  • 2.58 Talking about the text and the design

    07:15

  • 2.59 Making Powerups

    11:10

  • 2.60 Making the rest of the powerups part 2

    02:52

  • 2.61 Making the projectile

    05:19

  • 2.62 Making the beam weapon part 1

    01:24

  • 2.63 Making the beam weapon's spark part 2

    05:49

  • 2.64 Making the title Screen

    08:01

  • 2.65 Adding detail to the title screen

    10:34

  • 2.66 Finishing the title screen

    05:52

• 03 - Make HTML5 Games From Scratch With No Coding Required - Part 3

  04:54:22Preview

  • 3.1 Finishing the cards

    04:32

  • 3.2 Setting up the instruction screen

    04:11

  • 3.3 Making the bee animation

    09:34

  • 3.4 Making the wasp animation

    08:58

  • 3.5 Making the spark animation

    03:19

  • 3.6 Exporting Images

    13:01

  • 3.7 Setting up the instruction screen

    02:34

  • 3.8 Setting Up the menu screen

    04:46

  • 3.9 Setting up the highscore screen

    03:11

  • 3.10 Adding the art to the game screen

    03:19

  • 3.11 Adding the images to the game screen

    03:39

  • 3.12 Setting up the text in the game

    01:59

  • 3.13 Making the scrolling background

    17:16

  • 3.14 Fixing some illustrator and graphic problems

    15:27

  • 3.15 Adding the animation to the bee and the wasp

    02:21

  • 3.16 Adding the animation spark to the beam

    08:37

  • 3.17 Talking about the project and adding sound effects

    05:03

  • 3.18 Making the projectile sound effect

    04:53

  • 3.19 Making the spread projectile

    02:23

  • 3.20 Making the homing projectile

    04:35

  • 3.21 Making the beam sound effect

    05:40

  • 3.22 Making the wasp death sound

    04:12

  • 3.23 Making the bee hit sound

    02:43

  • 3.24 Talking about the music and adding our first beat

    05:13

  • 3.25 Adding the bass line

    03:34

  • 3.26 Adding the melody

    09:20

  • 3.27 Finishing the Song

    09:02

  • 3.28 Making the game over music

    01:19

  • 3.29 Adding the bass line to the game over music

    04:19

  • 3.30 Adding the melody

    04:24

  • 3.31 Adding the melody to the game over music

    08:59

  • 3.32 Making the drums more interesting in the game over music.

    03:39

  • 3.33 Composing the main music

    03:25

  • 3.34 Composing the bassline

    05:51

  • 3.35 Picking the synthsizers

    12:27

  • 3.36 Comosing the pre melody

    03:17

  • 3.37 Composing the A melody

    08:08

  • 3.38 Composing the B melody

    07:23

  • 3.39 Making the song a little more interesting

    05:50

  • 3.40 Adding the form the to song

    05:00

  • 3.41 Adding an intro to the song

    07:32

  • 3.42 Making the drums more interesting

    06:28

  • 3.43 Adding cymbals and finishing the song

    09:32

  • 3.44 Mixing your music

    05:17

  • 3.45 Making a powerup Sound effect

    01:08

  • 3.46 Making the second powerup sound effect

    01:06

  • 3.47 Adding the music to the game

    04:50

  • 3.48 Correcting the music coding errors

    03:55

  • 3.49 Correcting a music logic problem

    02:28

  • 3.50 Adding sound effects part 1

    06:55

  • 3.51 Adding sound effects part 2

    03:51

  • 3.52 Mixing your audio in the engine

    03:57

• 04 - Make HTML5 Games From Scratch With No Coding Required - Part 4

  01:45:11Preview

  • 4.1 Adding a difficulty curve

    16:01

  • 4.2 Adding a difficulty curve part 2

    02:59

  • 4.3 Making the game more fun

    06:07

  • 4.4 Adding high scores and polishing the game

    06:12

  • 4.5 Making the icons for the chrome store

    14:50

  • 4.6 Making the 16x16 icon

    02:53

  • 4.7 Making the banners 1280 and 440

    10:50

  • 4.8 Packing your game for the chrome store

    05:49

  • 4.9 Final steps of publishing to the chrome store

    09:32

  • 4.10 Final steps of publishing to the chrome store

    01:05

  • 4.11 Setting up the facebook game

    03:28

  • 4.12 Adding a facebook login

    04:02

  • 4.13 Publishing your score to your facebook

    03:30

  • 4.14 Exporting your HTML 5 webpage

    01:46

  • 4.15 Setting canvas URL in facebook

    02:44

  • 4.16 Resizing your icon

    02:56

  • 4.17 Finalizing your facebook game

    02:31

  • 4.18 Final thoughts of Bees versus wasps

    07:56

• 05 - Make HTML5 Games From Scratch With No Coding Required - Part 5

  44:27Preview

  • 5.1 Families

    08:20

  • 5.2 Famillies part 2

    02:55

  • 5.3 Particles Part 1

    01:08

  • 5.4 Particles and rotation

    01:39

  • 5.5 Adding the particles to the mouse

    01:05

  • 5.6 How to rotate the particles manually

    01:21

  • 5.7 Particle Spawn Rate

    00:56

  • 5.9 Particle spray cones

    02:38

  • 5.10 One Shot versus continuous spray

    01:15

  • 5.11 Setting values in the event sheet

    01:36

  • 5.12 Changing the image

    01:49

  • 5.13 Particle speed and art verus technical

    02:31

  • 5.14 Setting the particle size

    01:22

  • 5.15 Particle Opacity

    01:07

  • 5.16 Particle Growth Rate

    01:20

  • 5.17 X and Y randomizer

    01:56

  • 5.18 Speed Randomizer

    01:13

  • 5.19 Size Randomizer

    01:09

  • 5.20 Growth Rate randomizer

    02:05

  • 5.21 Particle Acceleration

    01:18

  • 5.22 Angle randomizer

    01:46

  • 5.23 Particle Gravity

    02:00

  • 5.24 Speed Randomizer

    01:15

  • 5.25 Opacity Randomizer

    00:43