Web Programming in Flash

Summer 05 - Shawn Decker

Syllabus

 

Recommended Textbooks (these are optional, but for those who like a text, quite valuable):    

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

 

Download Dreamweaver Tutorial

Do Flash Lesson on "Illustrating"

Do Flash Lesson on "Adding and Editing Text"

Download Lessons

(Chapters 2, 3, and 4 in the Flash MX Book)

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 #1 - Object / Movie Clips / Keyframes (download files)

 

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:

 

3 ways computer software can manage time:

Free-running

Responsive (real-time interaction)

Articulated time

 

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: Creating Simple Random Sequences
(download files)

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

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

Continue work on Project #1

 

(Chapters 8, 9, and 10 in the Flash MX Book)

Week 4

 

Introduction to ActionScript

Lexical Structure

Data Types and Variables

Object-Oriented Language basics: Objects, Properties and Methods

Event Handlers - Javascript

Event Handlers - Actionscript

Variables and Operators

Basic Statements

Interactivity (Responsive Time)

 

 

Project #1 done - present in class

 

Flash Tutorial #7: Creating Roll-Overs using Events
(download files)

 

Flash Tutorial #8: Using Event Handlers with Buttons
(download files)

 

 

 

 

 

(Chapter 12 in the Flash Book)

 

Begin work on Project #2

Week 5
 

Basic Actionscript Techniques

Event Handlers

Mouse Events

Keyboard Events

MovieClip Events

Communicating between Objects:

The _parent and _root objects

Manipulating Text

Using Variables to Quantify Physical parameters

 

Properties

MovieClip Properties

Button Properties

Movie Properties

 

 

Presentations - continue presenting in Class

 

Flash Tutorial #9 Grass
(download files)

Flash Tutorial #10: Mad Lib Machine
(download files)

Flash Tutorial #11: Beginning Motion: snow
download files

 

Continue work on Project # 2

 

 

(Chapter 12 and 13 in the Flash Book)

Week 6

More Techniques for programming Time and Action Oriented Dynamic Elements:

Event Types Review

Using variables

Using Conditional Statements

The _x and _y properties

The _rotation property.

Using basic expressions

Modeling Motion

Using Arrays for Storage of Lists of information

Project #2 done - present in class

 

 

Flash Tutorial #12: Event Types Review
(download files)

 

Flash Tutorial #13: Pool
(download files)

 

 

 

 

 

 

(Chapter 13 in the Flash Book)

 

Begin Work on Project #3

Week 7

More Techniques for programming Time and Action Oriented Dynamic Elements:

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

 

Presentations - continue presenting in Class

 

Flash Tutorial #14: More Pool - adding functions, and friction, to tutorial #11.
(download files)

 

 

 

 

 

 

(Chapter 13 and 14 in the Flash Book)

 

Continue Work on Project #3

Week 8

 

Mouse Tracking

Drag and Drop

Using Basic Actions with buttons

Assigning Actions to Frames

 

 

 

 

 

 

 

Flash Tutorial #16: Arrays
(download files)

Flash Tutorial #17: Random Arrays
(download files)

Flash Tutorial #18: Gravity
(download files)

Flash Tutorial #19: Jitter
(download files)

Flash Tutorial #20: Using Loops
(download files)

 

 

 

 

 

 

 

(Chapter 12 and 14 in the Flash Book)

 

Continue work on Project #3

Week 9

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

The Simulation of Autonomous Behavior

The Random Walk algorithm

Rule-based behavior, Flocking, etc.

Simulating physical systems: gravity, friction, etc.

 

 

 

 

Download Sound Tutorials

Flash Tutorial #21: - Sound with Buttons

Flash Tutorial #22: - Sound control

Download Video Tutorials

Flash Tutorial #23: - video

 

 

 

 

 

Final Project proposals due (in flash format) (email URL or file to me at: sdecker@artic.edu)

 

Project #3 done - present in class

Week 10

Mostly, this last third 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

 

 

 

 

 

 

Present Final Project Proposals

 

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

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

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

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

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

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

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

Flash Tutorial #31: Creating Preloaders
(download files)

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

 

 

 

Week 11-12-13

Work on Final Project
Week 14 Final Project Due - In Class Critiques

Final Project - in-class critique

Projects list