FLASH FOR THE WEB



Prof. Peter Locharernkul




WHAT IS FLASH?



Flash is a creative development tool for

Animation and Interactive Applications.

Video/Graphics/Audio/Code is packaged into a SWF file.

Web browsers with the SWF Plugin will run SWF files.

Flash on the Web *

Create Cartoons/Animations
Interactive Websites
Advertisements
Video/Audio Streaming
Rich Interactive Applications/Games


* Desktop/laptop Flash  plugin penetration is 99%

It's a multiple screen/device world!


Web Browsing Usage Stats


Web Browsing Usage Stats



PC & Tablet Sales Forecast

* Estimated 2 billion PC in use by 2016

The future of FLASH?



SWF file usage will become less prevalent.

Be a general tool for generating assets for other platforms.

Cross platform app development (Mobile and Desktop).

Rapid prototyping, storyboards, and proof-of-concepts.






Goals for this semester:


  1. Comfortable creating web animations in Flash
  2. Prepare assets using Flash for different platforms
  3. Become familiar with Actionscript coding principles
  4. Develop a desktop (and mobile?) interactive application


Classroom Textbook:


http://helpx.adobe.com/pdf/flash_reference.pdf



BECOMING FAMILIAR WITH THE INTERFACE

  • SETTING UP THE STAGE
  • DRAWING TOOLS
  • UNDERSTANDING THE TIMELINE
  • MOVIECLIPS



BECOMING FAMILIAR WITH THE INTERFACE



  • SETTING UP THE STAGE


BECOMING FAMILIAR WITH THE INTERFACE



  • SETTING UP THE STAGE

BECOMING FAMILIAR WITH THE INTERFACE


  • DRAWING TOOLS


Class Exercise #1:


Draw a Cartoon Head using the Flash Drawing Tools.

Put each head part on different layers.

BECOMING FAMILIAR WITH THE INTERFACE


  • UNDERSTANDING THE TIMELINE

BECOMING FAMILIAR WITH THE INTERFACE






BECOMING FAMILIAR WITH THE INTERFACE









Class Exercise #2:


Animate the Cartoon Head on the Flash timeline.

BECOMING FAMILIAR WITH THE INTERFACE


MovieClips - the most powerful element of Flash -

a graphic symbols that have their own timeline.


The MovieClip display object is unique to Flash development

and allows for creating complex and modular animations.




Class Exercise #3:


Create a bouncing ball MovieClip.


Class Exercise #4:


Make an Aquarium of Fish MovieClips.
Made with Slides.com