- Creating a New HTML5 Canvas Document
- Laying Out the Background Elements
- Drawing the Flowerpot
- Editing the Flower Graphic Symbol
- Animating the Flower Stalk with Inverse Kinematics
- Designing and Animating the Flower Head
- Create a Personalized Text Message
- Using JavaScript Code to Stop the Playhead
- Publishing Your Project for HTML5 Canvas
- Challenge!
- Conclusion
This chapter is from the book
This chapter is from the book
This chapter is from the book
Conclusion
So there you have it! You used a large variety of tools and techniques to build an animated greeting that can be run in your web browser without the need for Flash Player to be installed. That means your greeting will also run on mobile devices like Android phones and iPads. Of course, even if you do have Flash Player installed on your desktop, this project doesn’t rely on or use it.
While working on this project, you’ve had a look at how easily some of the tools and concepts we already covered when targeting Flash Player are adapted to new publish targets. You’ve also explored new tools and techniques such as vector art brushes, the Paint Brush tool, variable-width strokes, the Width tool, armature layers, the Bones tool, Graphic and Movie Clip symbols and instances, text effects, and HTML5 Canvas and WebGL publish targets.
