COAP:COAP-3000/week7

Objectives

• Use Adobe Animate CC
• create menu-based HTML5 Canvas sites
• create motion animations
• create interactive buttons

Monday

• Drawing with Animate CC

Resources: There are thousands of Animate CC and earlier Flash CS 4/5/6 tutorial. Drawing tools remain the same, although each new edition has some added extra functionality. In this wiki:

1. Flash drawing tutorial
2. Flash layers tutorial
3. Flash object transform tutorial
4. Flash arranging objects tutorial
5. Flash colors tutorial
6. Flash bitmap tracing tutorial
7. Flash pen tutorial

Wednesday

Agenda:

• Projects / term project
• Revision of starting/stopping embedded clips
  • Animate CC 2018 - Interactive animated web sites
• Shape tweening (morphing)
• Some more interactivity (maybe)
• Work on project 6 and term project (your choice)

Shape tweening

Read:

• Flash shape tweening tutorial (Shape tweening principles and interfaces are the same for Flash and HTML5/Canvas)
• Example files (do not take the flash version from the tutorial above !!).

http://tecfa.unige.ch/guides/flash/cc-html5/shape-tweening-intro/

Term Project work (recall)

Create a little project with any of the following technologies:

• AniJS
• GSAP
• Animate CC

The application must be useful (meaningful contents), usable (user must understand what he/shed can do and what the application does) and attractive (layout, graphics, etc).

You also must submit a report in either screen cast or text format.

Due:

• The project must be presented on Monday May 12: You must at least have a clear idea of what you plan to do, plus a prototype in any form.
• Final version: No later than Sunday May 13, midnight.