Week 7

Last week was an introduction to the Phaser framework and you learned to make a simple app with animation, interactivity and sound. Try an example here.

This week you will learn to create a multi-screen app with more advanced animation and interactivity. You will learn to create buttons, rollover buttons, tweens (a type of animation) and how to navigate between different scenes.

Starter Files (zip)

Week 6

Last week’s class We looked at the Bootstrap framework for making responsive websites. Here is a tutorial to get you started with Bootstrap.

This week’s topics Interactivity in websites has changed a lot, with popular plugins such as Shockwave and Flash slowly being phased out in favour of HTML5/Javascript based applications. This ensures that web applications and games can work on different devices. One of the most popular Javascript frameworks for making interactive content is Phaser. Designed specifically for creating games, the Phaser framework can also be used for creating interactive apps. It supports animation and sound, but not video (yet). We will spend two weeks using the Phaser framework to make simple interactive apps / games. Phaser is the most complicated Javascript/web frameworks we will look at, so it warrants more time. The Phaser Examples website contains many demonstrations of what can be achieved with Phaser.

Starter Files (zip)