Web Programming in Flash

Summer 08 - Shawn Decker

Syllabus

 

Textbook    

Other Required Materials:

Zip disks / USB or Firewire Drive for backing up in-class work

Headphones (ABSOLUTELY REQUIRED for web browsing and working on sound in projects)

 

Week
Material Covered Tutorials, Projects, Assignments
Week 1

Introductions

Assessment

Review of Syllabus

Lab Setup / Class structure

Introduction to Programming: Programming is about concepts - this is what we will be emphasizing in this class

Learning Flash MX

Portability of what you will learn

Review of software (if needed)

Getting Books

Introduction to Flash MX:

Introduction and Tour of Flash MX

Flash's flawed Metaphors

.fla vs .swf files: the Authoring -> Publishing paradigm

The basic Drawing Tools

The basic Text Tools

 

Begin work on Presentations

Flash tutorial #1 - Object / Movie Clips / Keyframes (download files)

Do Flash Lesson "Drawing in Flash"

Do Flash Lesson "Using the Pen Tool"

Do Flash Lesson "Working with Text"

Do Flash Lesson "Symbols and Objects"

Adobe's video lesson site

Week 2

 

Introduction To Flash, Continued

Setting Movie Properties

Creating Templates

Embedding Flash Movies within HTML documents

 

Basic Elements of Flash

Symbols

Movie Clips

Graphics

Buttons

The Flash Library

Instances - (the basic idea of Object-oriented structures is embedded within Flash)

Working with Instances on the Stage

Transformations

Alignment

Movie Clips - ways of articulating time

Keyframes

Controlling Playback

Cartesian coordinates in Flash

Using Movies as containers for motion / change

Importing items into the Library

 

 

 

Flash Tutorial #2: Importing Bitmaps, Cyling through images using Movie Clips (download files)

 

Flash Tutorial #3: Embedding Flash .swf files within HTML documents (download files)

 

Begin work on Project #1

 

Continue work on Presentations

 

(Chapters 7 , 8 and 10 in the "Flash MX" book)

Week 3

Time and Action Oriented Dynamic Elements:

 

Motion Tweening

Shape Tweening

Scripting for Autonomous Motion

Object-Oriented approaches to motion

Using Layers

Basic Layer tools / selection / stacking order

Masking Layers

Path Layers

 

The WWW as an artistic venue:some approaches

continue working on Presentations

 

Flash Tutorial #4: Using Tweening/ Scripting for motion
(download files)

Flash Tutorial #5: Layers, Masking, and Motion
(download files)

Flash Tutorial #5: Motion Example #2
(download files)

Continue work on Project #1

 

 

Week 4

 

Introduction to ActionScript

Lexical Structure

Data Types and Variables

Object-Oriented Language basics: Objects, Properties and Methods

Variables and Operators

Basic Statements

Event Handlers

Event Propagation

Interactivity (Responsive Time)

 

 

Project #1 done - present in class

 

Flash Tutorial #6: Basic Properties and Events
(download files)

 

 

 

 

 

Begin work on Project #2

Week 5
 

More Actionscript Techniques

Buttons

Event Handlers

Mouse Events

Keyboard Events

Communicating between Objects:

The root object and basic dot syntax.

Writing functions

Properties

MovieClip Properties

Button Properties

Presentations - continue presenting in Class

 

Flash Tutorial #7 Creating Buttons - Capturing Mouse Clicks
(download files)

Flash Tutorial #8 Capturing Mouse Movements - Basic Rollovers
(download files)

 

Continue work on Project # 2

 

Week 6

More Techniques for programming Time and Action Oriented Dynamic Elements:

 

Keyboard Events

Programming basic Nav. Buttons

Basic Timeline control methods.

Using Variables to Quantify Physical parameters

Using basic expressions

Using Conditional Statements

Manipulating Text

 

 

 

Flash Tutorial #9 Capturing Keyboard events
(download files)

Flash Tutorial #10 Grass
(download files)

 

Flash Tutorial #11: FutureParanoia
(download files)

Week 7

More Techniques for programming Time and Action Oriented Dynamic Elements:

The x and y properties

The rotation property.

 

Modeling Motion

Defining Functions

Looping to do repetitive or iterative tasks

Using Random Numbers

Constraining Random Numbers - Writing Useful Random Range and List functions

Looping within a script

 

Project #2 done - present in class

 

Presentations - continue presenting in Class

 

 

Flash Tutorial #12: Using Actionscript to generate change over time (TImer events and EnterFrame events): BikerGoneWild (download files)

Flash Tutorial #13: Creating Instances with Actionscript: Dust (download files)

 

 

Begin Work on Project #3

Week 8

 

Using Arrays for Storage of Lists of information

Using the constructor Function to create instances of Movie CLips in Flash

Global vs. local variables

Plcing Actionscript insde of Movie Clips

Using "this" to refer to instances

Basic motion engines - simulating velocity

 

 

Flash Tutorial #14: Using Arrays, text, and Movie Clip classes: Text Collage
(download files)

Flash Tutorial #15: Basic Motion: Snowmotion
(download files)

 

 

Continue work on Project #3

Week 9

The Simulation of Autonomous Behavior

Drawing using actionscript

The Shape object

The Random Walk algorithm

Simulating physical systems: friction, etc.

Rule-based behavior, Flocking, etc.

 

 

 

 

Flash Tutorial #16: Dynamic Drawing (the Scribbler)
(download files)

 

Flash Tutorial #17: Managing Larger projects: Pool
(download files)

 

 

Week 10

 

Simulating Physical Systems: Gravity

Introduction to Object Oriented Programming

Creating Packages

Class definitions

Creating Methods and properties

Scope: Private, public and other kinds of variables

 

Flash Tutorial #18: Modeling Physical systems: Gravity
(download files)

Flash Tutorial #19: Introduction to Object-Oriented Programming: The same Gravity Project done using OOP
(download files)

Final Project proposals due (in flash format) (Present in class)

Project #3 done - present in class

Week 11

Using Sound and Video in Flash

Importing Audio

Audio compression

Adding Sounds to Buttons

Using Frame actions to control sounds in Movie-Clips

Importing Video

Video on the Stage

Controlling video playback

Flash Tutorial #20: - Event Sound: Sound with Buttons, Sound control using Movie Clips
Download Sound Tutorials

Flash Tutorial #21: - Basic video: Download Video Tutorials

Week 12-13

Mostly, this last couple weeks of the class will be focused on using what you have already learned in your final projects.

However, we will also look at a number of Pragmatic issues in using Flash in the real world. We will cover these over the following week, roughly as following the order of the tutorials, but adjusting for need within final projects. These topics are:

Making draggable and droppable objects

Dynamic Drawing

Loading and using external movies

Loading and using external mp3 files

Prototyping

Integrating your flash files with HTML and Javascript

Navigating within Flash - how to create menus in Flash, and link to URLS

Making Preloaders for your projects

 

 

 

 

Flash Tutorial #23: Making Objects Draggable
(download files)

 

Flash Tutorial #24: Loading External Movies
(download files)

Flash Tutorial #25: Loading and Playing External mp3s
(download files)

Flash Tutorial #26: Flash & HTML: Opening URLs
(download files)

Flash Tutorial #27: Flash & HTML: Creating Scrolling Menus
(download files)

Flash Tutorial #28: Drop Down Menu
(download files)

Flash Tutorial #29: Creating Preloaders
(download files)

Flash Tutorial #30: Using the Sound Object
(download files)

 

 

Work on Final Project

Week 14 Final Project Due - In Class Critiques

Final Project - in-class critique

Projects list