Flash Web Sites

Flash Web Sites introduces Flash's programming language ActionScript via projects that combine interactivity and animation. Students will learn basic computer programming techniques used to add interactivity to rich media and web-based applications. This course is designed for visual web designers with prior advanced experience with HTML, CSS, and Javascript front-end programming looking to learn how to use Flash's scripting language ActionScript to create advanced interactive Flash web sites. A variety of techniques and methods for adding interactivity in Flash will be covered. Prior experience using Photoshop, Illustrator, Dreamweaver, HTML, CSS, and Javascript required. Platform: Both PC and MAC.

"The cool thing is I�m working in one environment with Flash. I�m drawing vectors, writing programs, and then I can output to three different media."

Joshua Davis, Artist, Designer, and Technologist

PRESENTATION:

AGENDA OF TOPICS:

# Topic: Time:
1 Flash Examples 1/2 hour
2 Lesson: Intro to ActionScript 1/2 Hour
3 Exercise: Simple Flash Site 1 Hour
4 Exercise: Intermediate Flash Site 10 Hours
5 Exercise: Custom Flash Site 10 Hours
6 Bonus: Alternative Flash Interfaces, Flash Banner Ads, + More 3 Hours

WEEKLY SCHEDULE + DIGITAL ASSETS:

Click on the top bar for each week to expand or collapse the contents, or you can expand all weeks or collapse all weeks.

Flash Examples

Agenda:

  1. Look at a few Flash Examples
    • Flash Web Sites
    • Flash Web Applications
    • Flash Games
    • Flash Stand-alone Presentations

Class examples + related links:

Intro to ActionScript

Lesson:

AS3 Coding: Mouse Event code (Memorize)

//as3 import class
import flash.events.MouseEvent;

//as3 button code
myButton.addEventListener(MouseEvent.CLICK, myFunction);

//as3 button functions
function myFunction(event:MouseEvent):void {
	//action goes here
}

AS3 Coding: Make an Object Animate (Memorize)

//variables
var newx:int = 2;

//make something move
mc_myObject.addEventListener(Event.ENTER_FRAME,moveMyObject);
function moveMyObject(event:Event) {
	mc_myObject.x += ((newx - mc_myObject.x)/5);
}
Simple Flash Site

Class examples + related links:

Exercise:

  1. Study & memorize the AS3 Mouse Event code above.
  2. Set up a simple flash site from scratch and make it interactive using the timeline.
Intermediate-Advanced Flash Site

Class examples + related links:

Exercise:

  1. Set up a simple flash site by importing an Illustrator file, then using the timeline to make it interactive.
BONUS Flash Sites
Search:

Find it fast.

Class info:

Flash Web Sites
KCC | New Media Arts
Kopiko 202
M,W,F :: 11:00 am - 4:00 pm
Instructor: Chris Gargiulo
Office: Olapa 225

Student Flash Projects:

Below is a list of completed web sites created in past classes in Interface Programming 2.

Helpful Links:

Below is a list of online resources related to this course.

ActionScript Links:

Below is a list of helpful sites on ActionScript.

Flash Gallery Sites:

Below is a list of sites that showcase sites built using Flash.