Home

Basic HTML5 Project Page

A List of Projects Demonstrating Web Animation Techniques

Publishing and Styling an HTML5 Interface

This section demonstrates the use of HTML5 tags combined with CSS to outline a gallery of web animation projects. The list was created based on an existing outline without formatting. The content was modified to specifics about the topics of the productions and external styles were modified. The final version includes the created content with active links.Click on photos to review.

Click on photos to review reproduced, modified and created links.













HTML5 Canvas Text

This section demonstrates approaches to text on canvas. The three approaches include text on canvas, image text on canvas, and text with Javascript on canvas.














Canvas with Pixel Based Graphics

This section demonstrates the use of bitmap graphics with canvas. Demonstrations and explorations include displaying an image on the canvas, displaying multiple images, and cropping image content.













Timeline Based Animation

This section demonstrates the technique of using sprite animation maps. The sprite map is like a filmstrip of images. Through Javascript programming one image from the filmstrip is shown at a time to create the illusion of animation.














Tweens and Multimedia

This section demonstrates options for manipulating content on canvas.














Tweens and Multimedia

This section demonstrates options for manipulating content on canvas.

Graph Animation