Week 9

+ Bootstrap + JSON

Bootstrap is a framework that lets us build websites fast. This demo shows how remote JSON can be used to fetch element data for dynamic page content generation. This example uses a static JSON file for convenience, but an API responding with JSON data will achieve the same result.

Sidebars Navbars Grid Album Cover Carousel Start Template Cheatsheet


Sprite Animation Tracks

Sprite tracks are ordered sequences of images (or sub-images) that can be quickly iterated through to produce a motion effect.


Sprite Flip Speed

How quickly sprite tracks are iterated through will change and perceived motion speed of the animation.


Input-based track selection

This demo shows how a sprite animation system can be combined with game input logic to select and iterate through the correct track for the intended game action.