BPB E Learning

Showing a simple image on HTML canvas

Multiple sprites and frame refreshing

Multiple sprite states and destroying sprites

Adding interactivity

Using Sprite Sheets

What have u learned

Introducing frame animation

Canvas transforms

Adding user interaction to control the sprite

What have you learned

Using the AudioContext interface

Adding music

Adding sound events to a simple game

What have you learned

Initialising the collapse game

Understanding the different game states and different sprite states

Finding the connected sprites using recursion

Updating the game grid, spawning new sprites and handling the drop

Assignment

Introducing the Matter physics engine

Adding physics bodies to sprites

Adding mouse events to the physics engine

Controlling sprite animations with physics

What have you learned

How to use the Spritoon app

Rigging a character with the Spritoon online app

Overview of the Spritoon library

Matrices to move, rotate and scale sprites in a parent-child hierarchy

Save the bear - navigate a polar bear across melting icebergs

Controlling the user character and adding a UI

Adding a download progress bar

Adding instructions and updating sprite layering

What have you learned

Preloading and Scrolling a Platform game

Handling the user character

Collision testing

Initialising the reversi game

Adding player moves

Adding computer moves

Initialising the game

Handling drag and drop

Dealing from the stack

Save and load - server-side

Save and load - client-side

What have you learned?

Introducing particle effects

Using sprites with the particle effect

Adding an emitter and gravity

Using global composite operations

Adding particle effects to a game

Installing node.js

Handling server-side code

Handling client-side code

What have you learned

Adobe Animate

Texture Packer and PhysicsEditor

Cocos2d Creator

Phaser.js