Art 316 Interactive Media, WebARt

Last day if class

2010-02-04T22:40:00.001-05:00

SUMMAs

Publishing your final Flash projects
- you need to hand in the following files
1. Your FLA
2. A Mac based Projector file
3. Your project Published with a HTML file and SWF(s)
4. Hand in everything in a folder labeled with your name

FINAL REVIEW

Present your work in the Art schools Opening @ 1:30pm

Enjoy your break

In class Thursday Feb 4th

2010-02-04T08:52:00.001-05:00

Work on your project!

In class Mon Feb 1st

2010-01-31T19:41:00.002-05:00

Project 3 is Due by the end of class today!

* you need to have links to the following blogs on your flash piece. you can get the URL's at

http://www.hartwickdigital.com

ART116

ART213

ART216

ART316

ART317

ART250

Project 4 Assigned

First Up , Show n' Tell (yes for real)

More Action Script

Controlling a Symbol (Movie Clip = MC)

* first you need to give your MC an 'instance name' or you can control a SWF you call up with loadMovieNum by its 'level'

* the top left corner of the stage is at x=0, y=o

* x measures the right to left position of the MC

* y measures the top to bottom position of the MC

new script

_x = controls the position of the X coordinate of the MC on the stage

_y = controls the position of the Y coordinate of the MC on the stage

ex.

_level99._x = 50;

_level99._y = -24;

_xscale = size of the X axis in comparison to the original MC

_yscale = size of the Y axis in comparison to the original MC

ex.

fighterA._xscale = 60;

fighterA._yscale = 60;

_alpha = changes the opacity of the MC

ex.

balloon._alpha = 30;

Lets look at some Examples:

- The Ameba

- Font Wars

In Class Thur Jan 28th

2010-01-28T01:07:00.002-05:00

Show n Tell

Font Wars

work on project 3

In Class Tue Jan 26th

2010-01-25T23:01:00.003-05:00

Show and Tell

Show me what you found!

Structures of Experience

Other Structures

* Create a flowchart for your site for Proj 3 by Thur

Check out the FLA for the above site.

Using Action script

Script so Far

Stop();

gotoAndPlay( frame # );

gotoAndStop( frame # );

getURL("URL", window);

loadMovieNum("URL", level);

unloadMovieNum(level);

on (Release) { do something }

var

if ( something == something) { do something }

StopAllSound();

New Script

random(number);

Math.random(number);

ex.

c = random(100) * 100 - 5;

trace("text" + variable);

ex.

trace("variable c = " + c);

* Remember Actionscript goes on Buttons and Key Frames ONLY!

A vs C

Work on Project

In class Mon Jan 25th

2010-01-23T22:14:00.007-05:00

Show and Tell

This weeks Flash examples are going to be presented by you!

Pathways of Experience through Interactive Structures

also known as Interface Design

* How you create the structure of the site influences the context of the experience for the end user ( the colaborator)

Structures of Experience

Other Structures

Check out the FLA for the above site.

Using Action script

Script so Far

Stop();

gotoAndPlay( frame # );

gotoAndStop( frame # );

getURL("URL", window);

loadMovieNum("URL", level);

unloadMovieNum(level);

on (Release) { do something }

var

if ( something == something) { do something }

StopAllSound();

New Script

random(number);

Math.random(number);

ex.

c = random(100) * 100 - 5;

trace("text" + variable);

ex.

trace("variable c = " + c);

* Remember Actionscript goes on Buttons and Key Frames ONLY!

A vs C

Work on Project

In Class Fri Jan 22th

2010-01-21T23:28:00.003-05:00

Flash Examples

Review Project 1 and Project 2

Project 1 Flash Site

Quick Image Viewer

* Variables

example..

var a = 1; (declares the variable and sets it to 1)

a = a + 1;

a = a - ( b + 10);

name = "Bob";

hit = "Hit";

* ' If ' statement

example..

if ( a >= 20) { gotoAndPlay(2); }

if ( name == "Bob") { loadMovieNum("bob.swf", 40); }

In Class Thur Jan 21st

2010-01-20T20:03:00.004-05:00

image by Olav Rokne

yes it is awesome click here to se more.

Importing

- Video

- Audio - MP3's work best

Nesting Symbols

Masks

Transitions

Building a multi-level website with SWF's

- where you put it, is where it shows up!

- need help lining things up, try a screen shot (shift+apple+4)

Work on Project 1 & 2

Project 1 & 2 Due @ 3:00 pm today (thursday). Hand in your images and animations on your USB thumbdrive.

In Class Tue Jan19th

2010-01-18T19:29:00.002-05:00

Review

FPS = Frames Per Second

120 frames at 12 FPS = 10 seconds of animation

Import

You can import JPGs, GIFs and PNG24's into flash

You want the images your bringing into Flash to be as close to the size they need to be as possible

Resolution of all screens is 72 dpi

Review 4 Animation styles in Flash

- Frame by Frame - anything goes

- Shape Tween - requires a shape

- Motion Tween - requires a symbol

- Motion Path - requires a symbol

* you can turn any 'Shape' into a 'Symbol' by selecting the Shape and clicking 'Convert to Symbol'

* Symbols can be either Movie Clips or Buttons

* Symbols are stored in the 'Library' (found under 'Window')

Buttons

- React to the movement of the cursor

- Contain: UP, OVER, DOWN and HIT frames

- May contain Actionscript

Actionscript

- Stop();

- gotoAndPlay('frame #');

- gotoAndStop('frame #');

- on (release) { 'what ever you want to do' }

NEW ACTIONSCRIPT

- getURL("url", window);

- loadMovieNum("url", level);

- unloadMovieNum(level);

In Class Mon Jan18th

2010-01-17T22:25:00.000-05:00

Examples

Story of Stuff

Home on the Range

Project 1 & 2 Due Thursday Jan 21st

Motion Path, the 4th Animation Style

1) Create a Symbol on a layer

2) Click the 'Add Motion Guide' button

3) Select a frame on the Guide layer that matches the fame of your Symbol and create a Key frame

4) Using the Pencil tool draw the path you want the symbol to follow on the Guide layer

5) Attach the Symbol to the beginning of the line

6) Select a Frame as an end point on the Symbol's layer and create a key frame

7) Insert a Frame on the Guide Layer that matches the last frame on the Symbol layer

8) Attach the Symbol to the end of the path

9) Insert a Motion Tween on the Symbol's layer

Good Luck!

Buttons Symbols

- Up - How the button looks Normally

- Over - How the button looks when the cursor is over top of it

- Down - How the button looks when the button is pressed while over top of it.

- Hit - The area sensitive to cursor.

Basic Actionscript

- Timeline Actions

--- look under 'Global Functions' --> 'Time Line Control'

- Button Actions

--- look under 'Global Functions' --> 'Movie Clip Control'

Both can use 'Global Functions' --> 'Browser/Network'

Controlling the Timeline

On the Timeline

- Stop();

- gotoAndPlay("frame #");

- gotoAndStop("frame #");

ie.... gotoAndStop(134);

On Buttons

- on (release) {"what you want to do"};

ie... on (release) { gotoAndPlay(1); }

In Class Fri Jan 15th

2010-01-14T14:32:00.003-05:00

Flash Animation Examples

30 second Bunnies

.

VS Birds Animation

.

Flash Basics Day 3

Color Mixer

Creating a 'Symbol'
- Graphic
- Movie Clip
- Button

Flash Animation

1) Frame by Frame - shape or symbol
2) Shape Tween - shape only
3) Motion Tween - symbol only
4) Motion Path - symbol only

Project 2

Work on Project

In Class Thur Jan 14th

2010-01-13T23:06:00.006-05:00

.

.

Flash Examples

Mauricio Guimara Portfolio

Magnivate Interactive Boutique

Monoface

Moodstream

Basics of Flash Day 2

the Lasso Tool

- fluid selection tool

the Text Tool

- Manipulating text

Modify --> Group & Ungroup

- grouping and ungrouping of shapes

Modify --> Break Apart

Modify --> Arrange

- the ability to change the position of a group relative to another group in a layer

File --> Import

- Images

- Audio

- Video

Tracing an image

Modify --> Bitmap --> Trace bitmap

Window --> Library

- this is where all your images, audio, video and symbols are kept for a project.

File --> Export

- movie - MOV

- image - JPG

File --> Save As

- creates a FLA

File --> Publish

- creates a web ready SWF (and HTML)

In Class Tue Jan 12th

2010-01-11T22:07:00.005-05:00

Flash Examples

Photoshop Basics

- New, Open, Save, Save As, Save For Web

Digital Image File Formats acceptable by Flash.

.JPG - Photorealistic, Small File Size

.GIF - Limited to 256 colors, can contain Transparency

.PNG - Photorealistic (kinda) and can contain Transparency

- Image --> Image Size, Canvas Size, Image Rotation

- Image --> Adjustments

- Tools

Filters (mostly) Suck! Be weary of using them

Basics of Flash

* Strokes and Fills (based on Points)

- Stage

- Timeline

- Options

- Menu Bar

-- File --> Open, Save, Save As

-- View --> Rulers, Grids, Guide, Snapping

-- Modify --> Document (size matters)

-- Window -->

- Tools

-- Selection Tool

-- Line Tool

-- Lasso Tool

-- Pen Tool

-- Oval Tool

-- Rectangle Tool

-- Pencil Tool

-- Brush Tool

-- Ink Bottle

-- Paint Bucket

-- Eye Dropper

-- Eraser

-- Hand Tool

-- Zoom Tool

-- Fill and Stroke Colors

Project 1 Assigned

Drawing!

Just Do It and see what Happens

Work on Project

First Day

2010-01-10T21:06:00.003-05:00

Welcome to Digital Art & Design III, Interactive Media.

For the next 4 weeks this class will consider, research and create Interactive Media through the use of Macromedia Flash MX.

You are looking at the class blog! This blog is the virtual focal point of the class. Most all information about the class can be found here including the syllabus, project details, reference materials and daily updates on what will be covered in class. You have to check this website ON A DAILY BASIS if you wish to pass this class.

We will loosely be following the schedule below:

Week 1 - Mac Basics, Digital Image Basics, Photoshop Basics, Basics of Flash; Drawing, Animation, Image Manipulation, Import/Export

Week 2 - Web sites in Flash; Symbols, Transitions, Buttons, Basic Action Script

Week 3 - You Don't Want to Know!

Week 4 - Final Flash Projects

YOU NEED A USB THUMBDRIVE!!!!!!!!

Today in class

- Examples of Flash in Action

- Lab Fee $100

- Intro to the Mac

-- Questions?

-- Whats Where?

-- Files & Folders

--- Folder Views

--- Making a New Folder

-- Drag & Drop

-- 'Trash' and 'Emptying the Trash'

--- Ejecting USB thumb drives and CD/DVD's

Digital Imaging Basics

- DPI = dots per inch

-- 'Dots' are 'Pixels' also measured as PPI (pixels per inch)

- Screen Resolution is 72 Dpi. You can literally hold up a magnifying glass and a ruler and count 72 dots with in an inch.

- Your projects will be created in Pixels

Screen sizes

old school:

smallest - 800 x 600

medium - 1024 x 768

large - 1280 x 1024

new school (wide screen):

small - 800 x 400, aspect ratio 10:6

medium - 1280 x 800/1200x768, aspect ratio 16:10/16:9.5

large - 1680 x 1050, aspect ratio 16/10

larger - 1900 x 1200, aspect ratio 16:9.5

pixel dimensions of popular electronic equipment
- Classic TV = 320x240
- DVD = 720 x 480 (720 x 534)
- HDTV1080i = 1920 x 1080
- HDTV720i = 1280 x 720
- Youtube Traditional = 320 x 240

- Youtube Current = (most any wide screen size)
- PSP = 480 x 272
- iPod = 320 x 240

Finished

2008-05-27T11:07:00.001-04:00

We Are Done!

Congratulations! you can check out the finished pieces by clicking the Class Websites link on the right.

In Class Thur May 15th

2008-05-14T22:22:00.002-04:00

Summa!

Work on your sites!

get it up online!

In Class Thur May 1st

2008-04-30T21:04:00.000-04:00

Due today - all your content (imagery, sounds, video, text) should be collected and ready for Flash!

Work on your sites, ask questions.

In Class Tue Apr 29th

2008-04-28T22:37:00.004-04:00

Lets take a look at your flow charts for your sites.

I want to see a folder with your content in it.

whats next:
* collect whatever else you need (this is an on going process)

* get your images ready for Flash
- you should size your images in Photoshop to the size you need in Flash
-- the PNG vs JPG vs Gif
- PNG - photoquality, small file size, transparency
- JPG - photoquality, smal file size
- GIF - transparency, 256 color limit (good for old school video game sprites)

* get your video ready
- size it for what you need in flash by using iMovie and exporting (sharing) the movie
- flash has a video import sequence , follow the steps

* get your audio ready
- iTunes can make you an mp3
- you can edit audio in iMovie

* get a basic template together for your site
- choose size & frame rate, make sure you use this size and FPS for all of your Flash documents
- remember to save as to back up and make copies!

In Class Thur Apr 24th

2008-04-23T18:51:00.005-04:00

You Should have a basic idea for your site today.

lets look at making test flowcharts for your sites.
- consider how you are moving the collabrator thru the site.
- what order is image/info presented in? and why?
- what are the different possibilities?

Different forms of navigation.
culturerecycling
theyrule
sofake
popurls
musicovery
youtube

why do they navigate the way they do? what effect does it have on the collaborator's experience?

create 3 different possible flow charts for your site by Tue April 29th. you should also be collecting content (imagery, sounds, video, text) and should have at least 1/2 of what you need for the site

Deconstructing FLA's
- where to find them
--- web search, designers, web resources, me
- taking them apart
--- look for the actionscript, the little 'a' in the timeline and on symbols (buttons and movieclips)
--- things will be buried with-in symbols
--- look at symbol 'instance names'
* all symbols can have instance names that can then be called up by actionscript
--- try to figure out what the variables are
--- sometimes the programmer/designer will leave 'notes' to help you know what is going on in the script.
--- try changing something (don't forget to save a copy first)
--- discard what you do not need

In Class Tue Apr 22nd

2008-04-21T22:37:00.002-04:00

Actionscript Review

Frame Actions:

var = ?
ex. var A1 = 10;

Button Actions:

on (release) {
}
ex. on (release) { gotoAndPlay(800);}

Button or Frame Actions:

stop();
ex. stop();

if (comparison) { statement }
ex. if(x == 10) {loadMovieNum("http://www.josephvonstengel.com", 60); }

loadMovieNum("url", level);
ex. loadMovieNum("http://www.josephvonstengel.com", 100);

unloadMovieNum(level);
ex. unloadMovieNum(70);

getURL("url", blank or self);
ex. getURL("http://www.culturerecycling.com", self);

gotoAndPlay(frame#);
ex. gotoAndPlay(69);

random(#);
ex. a = random(9)+1;
ex. x = random(50) - random(y);
ex. z = random(x)-y+10;

Lets look at examples:
theyrule
joes examples

How to backwards engineer an FLA

In Class Tue Apr 17th

2008-04-16T19:57:00.002-04:00

Lets Discuss the web!

Project 3
Step 1
- Sketch out your ideas and create a flow chart
* Come up with 5 ideas written down by next tuesday April 22nd

Step 2
- collect your content

Step 3
- create the site
--- create you main FLA Template
--- choose a frame rate between 8 and 20 fps
--- pick a size smaller then 980 x 660

In Class Tue Apr 15th

2008-04-14T21:02:00.003-04:00

Your SWF files are due today by the end of class!

Lets look at Flash as a web site.
- many SWF's make up content and layout
- animations = transitions
- action script is the control
- you can control the action or the viewer can control the action
- Flash is embeded in an HTML page
- The first SWF called up by the HTML is Level 0

The next project!

In Class Tue Apr 8th

2008-04-07T21:30:00.001-04:00

Joe will not be in class today.

*use the time to get your project done! or work on your BLOG (everyone remember that?)

see you in class on thursday!

In Class Tue Apr 1st

2008-03-31T21:19:00.000-04:00

Work on Project

In Class Thur Mar 20th

2008-03-19T21:08:00.009-04:00

Lets look at what we need to make a Flash website again!
- SWFs on different levels that bring up and take away content as it is needed.
- Interaction can happen through keystrokes or buttons activated by the mouse.
- you will need the loadmovienum, unloadmovienum, geturl, on & stop actionscript commands
- all SWF's need to be the same size and frame rate (fps)
- 'Levels' stack from level 0 on the bottom to level 999 on the top. Level 0 controls the size and fps of the SWF's on all the other levels

More Advanced ActionScript
- variables var = ?
- lets randomize things random(#);
- test for action if (comparison) { statement }

ex. a = random(9)+1;

ex. x = random(50) - random(y);

ex. z = random(x)-y+10;

In Class Tue Mar 18th

2008-03-17T21:58:00.003-04:00

Flash - the Web

Lets look at makin' an advnced Flash Web site
- gettin it layed out (at least the basics)
- buttons for navigation
- what the heck are LEVELS?
* flow - load movie / unload movie like loading new html pages

new action script
loadMovieNum("url", level);

unloadMovieNum(level);

getURL("url", blank or self);

Next Projexct

2008-03-13T16:02:00.001-04:00

Project Next

size 363 w X 400 h
15 FPS

In Class Thur Mar 13th

2008-03-12T20:40:00.003-04:00

Finish up your animations!

Save them as a SWF!

lets look at getting stuff out of Flash
* the .MOV - can be good, may not always work!
* the .SWF - great for the web
* Images - we can pump out a variety of formats
* Publish command

Project 2 Assigned!
- web art - hartwick digital web page insert

In Class Tue Mar 11th

2008-03-09T22:05:00.006-04:00

Choose Your Own Adventure, Creating the non linear path.
- diagrams and charts are fun. a CYOA adventure mapped out.

Greek Gods Family Tree (in Flash)

Flash
Moving around the Timeline using action script:
stop();

on (release) {gotoAndPlay(frame#);
}

In Class Thur Mar 6th

2008-03-05T21:06:00.004-05:00

Today I will be collecting your Images from the Vector Drawing Assignment!

Advanced Flash (gettin' ready for the web)
Controlling the Timeline
- Buttons
- Actionscript

Flash Links
* Musicovery
* Polar Clock
* Gapminder

In Class Tue Mar 4th

2008-03-03T20:07:00.003-05:00

Flash Animation
Makin' a Symbol
- New symbol
--- Graphic, Button & Movie Clip
- convert to a symbol
--- nested symbols

the second two
Motion Tween
Motion Path

In Class Thur Feb 28th

2008-02-27T20:05:00.006-05:00

Your Flash Drawing Assignment is Due
- How to export it as a 150 dpi jpeg
- Hand in your images to joe

Animation / Game example

Flash Animation
4 styles
- Frame by Frame
- Shape Tween
- Motion Tween
- Motion Path

Lets try the first two
Frame by Frame
* lest check out the frame rate (FPS)
- working the Timeline
--- adding and deleting Frames & Key Frames
--- moving Frames
Shape Tween

In Class Assignment #2
create a 15 second @ 15 fps animation using both frame by frame & shape tween animation.
create a 15 second @ 15 fps animation using motion tween and motion paths animations.
* the size of the animation must be 720 x 534 pixels
Due March 13th

In Class Tue Feb 26th

2008-02-25T21:03:00.005-05:00

Where is your blog?
- lets make a link list on the class blog

Flash
- Fill Transform Tool

FILE -->
- Import
- Import to Library
- Export Image
- Export Movie
* Lets check out the Library

Work on your Vector Drawings

In Class Tue Feb 26th

2008-02-25T20:28:00.003-05:00

In Class Assignment: Vector Drawing

Due Thur Feb 28th

Whats due:
2 images created in Flash saved as 150dpi JPEGs.

In Class Thur Feb 21st

2008-02-20T20:22:00.000-05:00

Today in Flash:

- Rulers, Grids, Guides and Snaping

- Cut /Copy/Paste/ Paste in Place in flash

- Text in Flash

- Group/unGroup/Break Apart Shapes
--- try breaking apart Text

- Arrange the Groups
--- forward and backward

- Working on an Grouped shape
--- pay attetion to where you are

- Alpha is Opacity
--- check out the color mixer

- Transform anything (an I mean anything)

- Saving as FLA
- Exporting as an Image
- Exporting as an SWF

In Class Tue Feb 19th

2008-02-18T16:50:00.005-05:00

USB THUMBDRIVE TEST TODAY!

check out Speakerson.net

Flash
What is a Vector?

- Layout
--- Windows

--- Stage

--- Timeline
----- layers
------- locking layers
------- layer visibility
------- layer outlines
----- folders

- Properties
--- size
--- frame rate
--- background color

- Tools

* lets draw

Flash Frame Rate & Size basics
-frames per second (FPS)
- Low bandwidth website 12 FPS or less
- Mid bandwidth website 14 - 20 FPS
- Fast bandwith website 20 FPS or more
- Movie Film 24 FPS
- Digital Video 30 FPS (about)
- Traditional Film Animation 12 FPS (double click)

-pixel dimensions
- Small Website = 640x480 or smaller
- Ave size Website = 920x680 smaller
- Large Website = 1024x768 or larger
-TV = 320x240
-DVD = 720 x 480 (720 x 534 )
-HDTV1080i = 1920 x 1080
-HDTV720i = 1280 x 720
-Youtube = 320 x 240
-PSP = 480 x 272
-iPod = 320 x 240

In Class Thu Feb 14th

2008-02-13T23:04:00.003-05:00

Flash Examples
Jackson Pollack
Andyfoulds
Flashface
Intentionallies
Holiday Snowglobe

Hookin up the Web2.0

you will need to sign up for each of the following:

Youtube
Blogger

i would make all the names and passwords the same for each account if you can.

once you have the accounts try to make a post on your blog.

Lets Check out Flash
* open it up and take a look

In Class Tue Feb 12th

2008-02-11T21:03:00.002-05:00

Hello and welcome to the class blog for ART 316 Interactive Media for the Web. This blog will be the focal point for this class both inside & outside the class room. If you want to know what is going on in the next class or are looking for resources and examples, this is the place to go.

Come on in the water's fine.

Do you know about Net Neturality? Lets ask a Ninja.

What is Web 2.0?
* A good example of Web 2.0 is Podcasting, the Ninja may be able to tell us what podcasting is.

thanks Ninja!

So what the heck is an RSS feed?

What can this do for us as artists? How can we use it? In what way can it be subverted? What does this mean to American society? To television?

.

2008-02-06T14:14:00.002-05:00

.

.

In Class wed Dec 12th

2007-12-12T02:57:00.000-05:00

The Final is today from 12 noon till 3pm.

i will be in around 11:30am

it is time to celebrate the end of a great semester!

In Class Wed Dec 5th

2007-12-05T00:26:00.000-05:00

SUMMA thing

You should be getting close to finishing up your web projects.

We will need to set up meeting times to review your sites very soon.

In Class Mon Nov 26th

2007-11-25T21:03:00.000-05:00

It is time to see where you are at with your web sites and get ready for finishing it up.

we should start talking about where this site will live and how to get your domain name.

In Class Mon Nov 19th

2007-11-18T20:44:00.000-05:00

Come on in and Show me where you are at on your sites.

In Class Mon Nov 12th

2007-11-11T17:25:00.000-05:00

Work on your sites, ask questions. i'll be available form 2:30pm till the end of class.

In Class Mon Nov 5th

2007-11-04T21:49:00.000-05:00

Work on your websites.

i will be here from 1:50 - 4:50 to help and answer questions.

In Class on Halloween

2007-10-31T13:06:00.001-04:00

Work on your Spooky websites

Ask Scary questions

In Class Mon Oct 29th

2007-10-28T20:50:00.000-04:00

Work on your websites ask questions.

In Class Wed Oct 24th

2007-10-24T13:21:00.001-04:00

Work on your sites. Ask Questions

In Class Mon Oct 22nd

2007-10-21T20:28:00.001-04:00

Work on your Flash Site.

Ask Questions.

Text from file in Flash

2007-10-17T16:03:00.000-04:00

3 Steps to load text from a .txt file

step 1
Movie Clip with instance name = infotxt
- contains a Dynamic text box with a variable name = infovar

step 2
Action = loadVariables("info.txt","_root.--");

step 3
Txt file named info.txt =
infovar=

Welcomem to PAttern Joy

This book is dedicated to the ancient art of pattern creation. I am inspired by Morse and technoculture.

More to come!

In Class Wed Oct 17th

2007-10-16T19:47:00.000-04:00

Dynamic and Input text in flash
- text from a .txt file
- variables from a .txt file

Get help

Work on the site

In Class Wed Oct 10th

2007-10-09T19:42:00.000-04:00

Flash Text Advanced

Text Input
--- different types of text fields: Dynamic, Static & Input
--- check the options
--- instance name
--- variable name

Text Output
--- put in the Actions
------ Dynamic text box instance name = " " around your text, + + around variables

ie... finaltextA.htmlText = "Hello " + nameA + " how are you today?";

also,

Trace command - trace("bonusA" + bonusA);

check out MadLibs example

In Class Mon Oct 8th

2007-10-07T18:46:00.000-04:00

Work on your Flash Website

come in and ask questions!

Important Actionscript

loadMovieNum("the url of the SWF", level);

unloadMovieNum(level);

example on a button:
on(release) { loadMovieNum("nav.swf", 30);
unloadMovieNum(40);
}

this would load up the "nav" SWF on level 30 and would unload whatever SWF is on level 40

In Class Mon Oct 1st

2007-10-01T10:46:00.000-04:00

Flash
- reverse engineering a FLA

try to make a simple site work

In Class Wed Sept 26th

2007-09-25T21:58:00.000-04:00

Advanced Flash website

talking 'bout LEVELS n' SWFs
--- Physical example of LEVELS

where you put it, is where it shows up!
need help lining things up, try a screen shot (shift+apple+4)

look'n at Folder and File Structure for Adv. Flash website
check'n out the FLAs
look at example SWF's

In Class Mon Sept 24th

2007-09-23T20:04:00.000-04:00

Flash
--- Adding Images
----- Photoshop save for web : the PNG
----- Trace bitmap

--- Adding Video

--- Adding Sound

Moving around the Timeline using action script:
stop();

on (release) {gotoAndPlay(frame#);
}

In Class Wed Sept 19th

2007-09-18T20:39:00.000-04:00

Creating Symbols
-- Movie Clip
-- Button
- Nested symbol
- Nested Animated symbol
--- as Movie Clip
--- as Button
(try to start thinking about Flash in pieces)

Quick Project: Create a complex Button and a complex nested Movie Clip
(the button should contain animations on 2 frames, the movie clip must have at least 3 animations nested inside it)

Styles of Animation
Animation #1 Shape Tween
Animation #2 Motion Tween
Animation #3 Frame by Frame
Animation #4 Motion Path
Animation #5 Programed Animation

In Class Mon Sept 17th

2007-09-17T12:03:00.000-04:00

Flash Day 2

The Type break apart Trick
--- Group / Ungroup
--- Break Apart

Windows
-- Transform
-- Color Mixer

Timeline
-- Layers
----Lock, View, Oultines

Animation #1 Shape Tween
Animation #2 Motion Tween
Animation #3 Frame by Frame
Animation #4 Motion Path

opportunity

2007-09-15T16:35:00.001-04:00

Please reply only to ariana bray at braya@hartwick.edu

CALLING ALL PAINTERS AND/OR DRAWERS!

(and other creative peoples: you DO NOT need to be an art major)

Last semester I started a volunteer project working on painting murals in the local Fox Pediatrician’s Office (located near Price Chopper) and I am seeking volunteers to help me continue the project! Last semester we were able to complete 5 rooms but we still have 6 to go, so any help would be great.

PLEASE DO NOT REPLY TO SENDER!!!!!!!!!!

THE TIMES CAN BE FLEXIBLE AND WILL PROBABLY SPAN SEVERAL DAYS EACH WEEK.

I WILL BE HOLDING AN INTEREST MEETING NEXT WEEK IN STACK LOUNGE ON WEDNESDAY SEPTEMBER 19 AT 7:30PM. BRING YOUR SCHEDULE TO THE MEETING.

IF YOU CANNOT MAKE THE MEETING, PLEASE EMAIL ME: BRAYA@HARTWICK.EDU

ARIANA BRAY

In Class Wed Sept 12th

2007-09-11T23:16:00.000-04:00

Check out Project 1

how does that ziki work? and what does it do?

Lets look at Flash
Layout
Tools
Prefs

In Class Mon Sept 10th

2007-09-09T22:43:00.000-04:00

Today we will be getting you set up on a web network.

you will need to sign up for each of the following:
Flickr (on Yahoo)
Blogger (on Google)
YouTube
Ziki.com

i would make all the names and passwords the same for each account if you can.

once you have the accounts try to make a post on your blog and upload an image onto Flickr.

First Day

2007-09-03T18:35:00.000-04:00

Hello and welcome to the class blog for ART 316 Web Art. This blog and it's Squidoo lense will be the focal point for outside class communication. If you want to know what is going on in the next class or are looking for resources and examples, this is the place to go. So come on in the water is fine.