most lectures and assignments will be found on this page; all lecture notes shown in the pdf format will occur here (all application demos will usually not have supporting materials). All assignments occur as either PDF files or as html documents you can view on-line.

 

Fall 2010

MMSP 146

MMSP 147

 

------------------------------

Previous Semesters

IDST 146 (fall 2008)
MMSP 140
IDST120

IDST 148
DAI 427
DAI 322

 

 

 

MMSP 147 - fall 2010 (Adobe Acrobat PDF Files)

Syllabus

MMSP 147 fall 2010 syllabus

Lectures
all demonstrations of 3d tools have no supporting handouts or on-line materials.
Please have someone take notes for you if you are due to suspect being absent that day.

WEEK 1

-3d terms

3d Studio Max Interface

-3d coordinant system explained (not in print form)

Introduction to 3ds Max tutorials (nice intro to interface!!!) - YouTube

 


exercises - week 1

-primitives and 3d space-robot

-cameras and composition
-PROPS zipped
(download to do project)

 

WEEK 2

exercises - week 2

-still life

-lofts: grecian temple + column images zipped

 

WEEK 3

-expressive animation

-function curves

-Timing - additional notes for better techniques with animation

 

exercises - week 3

-create a simple expressive animation

 

WEEK 4

exercises - week 4

movie viewing and questions

-midterm project criteria

-midterm project workflow chart (For teams!)

 

WEEK 5

-box modeling

New Features (graphite tools) - youtube

graphite tools - design reform - tutorial

 

WEEK 6

Lighting

exercises - week 6

-lighting

WEEK 7

-Materials and Maps

exercises - week 7

-texturing (see syllabus for directions) - .zip file with model and photo

REVIT and 3DS Max (pdf)

top of page

 

Extra STUFF!!!

-forward kinematics (robot hand and ball) +robot hand file

-Video Post

-3ds and Adobe Premiere

-midterm review

-manipulators and morph targets

Particle Systems

 

exercises - extra...

-patch modeling + .zip

-lip synching morph targets w/sound (found in 3dsMax sound folder)-.zip file

 

Final Project and Materials


-final project criteria sheet (due end of semester)

 

top of page

 

 

 

 

 

 

 

 

 

 

 

 

 

MMSP 146 - fall 2010 (Adobe Acrobat PDF Files)

Syllabus

MMSP 146 fall 2010


top of page

Week 1

<<<<<lecture>>>>>

history

what is animation

animation terms

 

summer 2008 examples

 

<<<<<exercises>>>>>

Review Drawing Tools (icon design)

 

 

 

 

 

Week 2

<<<<<lecture>>>>>

Flash CS4 Tween Comparison

Flash CS4 Tween Cheat Sheet

 

 

<<<<<exercises>>>>>


Flash Animation (motion tween - new!) tutorial (Adobe Site)

Motion Tween - You Tube

flashthusiast.com/ (all about animation and flash)

blogs.adobe.com/rgalvan/ (blog that lets you look at flash environment / concerns / answers questions)

Greeting Card requirements: motion tween, auto rotate that stops during timeline, copy of same motion tween path on two separate layers, split motion used, custom curve adjustments applied

 

 

Week 3

<<<<<lecture>>>>>

animation principles + flash movie

Disney animation techniques

---

Motion Editor Explained

Animation with Flash CS4's Motion Editor

Custom Easing in Flash

<<<<<exercises>>>>>

Animated Text (requirements): Animation of text must represent word chosen. Separate letters into individula layers, Classic Tween and Motion Tween (combined), Masking (classic tween), Motion Editor Curve Adjusted (motion tween), duplicated motion (multiple layers - Motion Tween), Switch of instances (classic tween), Distribute to Layers, Embed Font used, Break Apart text used. Shape Tweeen will be added.

 

 

Week 4

<<<<<lecture>>>>>

timing for animation

 

<<<<<MIDTERM ANIMATION PROJECT >>>>>

-flash character animation

 

-sound and flash

tutorials - bone tool etc. (flash enabled blog)

<<<<<exercises>>>>>

-Animation Techniques

Timing + example and WALK CYCLE!!!!!!
zip(pc) | sea(macintosh)

- movieclip timeline animation defined .swf

<<<<<readings>>>>>

The Employable Web Designer

 

 

Week 4/5/6

<<<<<lecture>>>>>

Lip Synch Tips (pdf)

dialog sheet (pdf)

lip synch images - scanned from Preston Blair's book - Cartoon Animation (pdf)

 

Examples of Successful Limited Frame Animations

The Muppets: Bohemian Rhapsody

 

Sound Effects and Music (extra)

www.freesound.org/

newmelodies.com/

 

<<<<<exercises>>>>>

Omar's Haunted Trail Sound Effects (good short dramatic sound speech tracks)

faces only (fla)

simple lip synch demo (fla)

 

<<<<<FINAL PROJECT >>>>>

Final Project Requirements (pdf)

 

 

Week 7

Bones (TIps)

Parent Moves Child
Child Move Independant of Parent
First Bone Created is Parent - subsequent bones are children

First Bone (parent) doesn't move

Constraints are either

  • AUTOmatic (rotate)
  • X-Axis
  • Y-Axis
  • both X-Axis / Y-Axis

Can not COPY or PASTE Frames of Bone Tween

No Motion Editor for Bones

If you want to 'translate' bones across canvas - put in MOVIE CLIP

Convert to Key Frames if you need to

COPY / PASTE frames from one FLA to next

 

<<<<<exercises>>>>>

Inverse Kinematics (Bones) example file .fla .swf

Walk Cycle (movieclips) example file .fla .swf

slider (constraint x) .fla .swf

shapes and bones .fla .swf

 

 

Week 8

Interactivity Lecture
we refer to the flow chart section here - the different types of navigation (linear, hierarchy, web, matrix, parallel, zoom, overlay)

Load Movie Example - updated! (.zip file)

 

 

 

 

FLASH (OLD CLASS DESIGN):::

Movieclips and Properties Workshop

character SIMPLE (simples movieclip) example .fla .swf

character COMPLEX (movieclip in movieclip) example .fla .swf

NEW! How To Character Creation Method + .fla example

dvd interface .fla .swf

basic actionscript 3.0 list

-flash final project options

-flowchart for final project

hitTestObject | draggables | triggered animations (below)

version 1 - long hand. .fla .swf
separate function for each 'feather'

version 2 - short hand. .fla .swf
evt.target (relative target for start and stop drag) so no need to have a different function for each feather!

audio toggle button (sound on/off) .fla .swf

 

IDST FALL STUDENTS (FALL 2008)

Week 1

basic actionscript 3.0 list

Week 2

<<<<<lecture>>>>>

-sound and flash

<<<<<exercises>>>>>

- movieclip timeline animation defined .swf

<<<<<readings>>>>>

The Employable Web Designer

Week 3

<<<<<FINAL PROJECT >>>>>

-flash final project options

-flowchart for final project

Week 4

<<<<<lecture>>>>>

Interactivity Lecture
we refer to the flow chart section here - the different types of navigation (linear, hierarchy, web, matrix, parallel, zoom, overlay)

 

Week 5

<<<<<lecture>>>>>

interface design

GUI Handout

interface terms

<<<<<demos>>>>>

creating an animated button

 

Week 6

<<<<<lecture>>>>>

key codes (the keyboard key codes)

<<<<<demos>>>>>

creating a nested movieclip container for behaviors (part I)

actionscripting the movieclip (part II)

flash file - example from demo .fla .swf


Week 7

<<<<<lecture>>>>>

actionscripting (more)

scoring (fla)

timer (fla)

text and sound (fla)

 


 

 

 

IDST 120- spring 2004 (Adobe Acrobat PDF Files)

Syllabus

IDST 120 Fall 2004 syllabus

 

top of page

 

Lectures
some lectures are available on-line as Macromedia Shockwave files. Download the free plugin from the Macromedia site. Some lectures are PDF files.

View File Remotely:
New Media History (shockwave file)
---------

Download the dcr (shockwave file) locally instead of viewing remotely:
Mac: Control-click on link below
PC: Right-click on link below
Choose: download link to disk, save target as, save link as...(or variation on word choice)

Digital Computer Graphics (terms, examples) (pdf)

digital formats (pdf)

Exercises and Assignments

Photoshop Filters and Paint tools 'mood exercise' (pdf)

Image Correction Using Photoshop (pdf)

photoshop collage (pdf)

two illustrator exercises (traced type and button designs) + bitmap type you trace

html exercises

flash animation

video assignment

 

Handouts

html tags

midterm review

top of page

 

 

DAI 427- fall 2004 (Adobe Acrobat PDF Files)

Syllabus

DAI 427 Fall 2004 syllabus

 

Lectures
some lectures are available on-line as Macromedia Shockwave files. Download the free plugin from the Macromedia site. Some lectures are PDF files.

 

View File Remotely:

GUI History

perception -swf file (--)

history (--)

animation principles + flash movie (--)

Disney animation techniques (--)

timing for animation (--)

interface design (--)

movieclip timeline animation defined .swf (--)

hitTest explained .swf .fla (--)

- quicktime lecture notes (--)

- properties, conditional statements .swf .fla (--)

- variables .swf .fla (--)

- movieclip and button properties and scope .swf .fla (--)

---------

Download the dcr (shockwave file) locally instead of viewing remotely:
Mac: Control-click on link below
PC: Right-click on link below
Choose: download link to disk, save target as, save link as...(or variation on word choice)

top of page

Exercises and Assignments

interactivity review + .fla stuffed archive example (8/31)
animation exercise (9/7)
motion graphics assignment (9/9)

motion graphics assignment criteria (9/9)
-Animation Techniques (9/16)
character animation midterm assignment (9/23)

timing flipbook exercise (9/30)

final project branching storyline

in lab movieclip exercise + face example as .fla and .swf file (10/26)

exercise in lab - drag and drop, collision test, and snap (11/2)
flowchart and movieclip assignment
boil water progress flowchart example + .swf
exercise in lab - keyboard control and animation
keycodes for keyboard controls

top of page

 

Handouts

-motion tweens verses shape tweens (9/2)
GUI Handout
Bob Interface Reading
Bob Interface Examples
bank teller atm examples
direct manipulation
interface terms
quiz review

 

 

 

open FLAs (via FTP site)

 

top of page

 

IDST 148- spring 2009 (Adobe Acrobat PDF Files)

Syllabus

IDST 148 Spring 2009 syllabus

 

Lectures
some lectures are available on-line as Macromedia Shockwave files. Download the free plugin from the Macromedia site. Some lectures are PDF files.

WEEK 1 - History of Games & Game Genres (1/13)

View File Remotely:
Game History (shockwave file)

game genres (pdf)

serious games

Life after the Video Game Crash

Is Instructional Video Game an Oxymoron?

designing game characters on paper

<<<<<exercises>>>>>

sketch (ON PAPER!) a character to digitalize for FLASH

Create in LAB (using Flash example) DRAG / DROP 'game' download ZIPPED file by clicking HERE

critique a game genre you are not familiar with

 

WEEK 2 - Character SPRITE Design (1/20)

game characters defined

Great Web Games You Don't Have To Pay For (casual games article on SLATE plus links to games)

Migrating from Actionscript 2.0 to 3.0 (basic tutorial)

Flash Game University (some good info, book info, podcasts - both video and audio only)

shockwave.com

key codes (the keyboard key codes)

<<<<<exercises>>>>>

critique game character

design on paper THEN build a character in flash using movieclips and use keypresses to control movement on screen

<<<<<demos>>>>>

creating a nested movieclip container for behaviors (part I)

actionscripting the movieclip (part II)

flash file - example from demo .fla .swf

expanded drag / drop example (with snap back) .fla .swf

 

WEEK 3 - Story Design (1/27)

How to Develop a Game

The 36 Plots

Centipede VS Pac Man VS Donkey Kong Mario

PLAY Centipede (shockwave)

PLAY Pac Man (shockwave)

PLAY Donkey Kong (shockwave)

Another Donkey Kong (flash)

<<<<<exercises>>>>>

brainstorm a story | image ideas for brainstorming .zip

add keypresses to your character .fla .swf

PLAY Adventure ||java based||

critique game narrative for any game type -
consider the Dramatic Arc and spell it out while playing (Exposition - Rising Action - Climax - Falling Action - Resolution)

NEW! Game Character Creation Method + .fla example

 

WEEK 4 - Level Design (2/3)

level design (part 1)
terms - steps to level design - what is in a level?

level design (part 2)
includes examples of level design maps and flowcharts for navigation through different genres of games

What Makes a Game Level a Game Level?

flowcharting (programmer info)

game perspectives with examples

<<<<<exercises>>>>>

PLAY another flash based adventure game - http://www.albartus.com/motas/

level design exercise (on paper - due next week)

Flash Interaction with TRIGGERS / HITTESTOBJECT / INVENTORY

Mole.1 (just the character), Mole.2 (added: keyboard movement) , Mole.3 (added: hitTestObject-complex), Mole.5 (added:hitTestObject-easy)

Find a Game to match some of the following OBJECTIVES:
capture, chase, race, alignment, rescue / escape, forbidden act, construction, exploration, solution, outwit
Below are a list of sites to visit:

/////////////////////////////////////////////////////
newgrounds.com/game

www.y8.com

www.andkon.com/arcade

/////////////////////////////////////////////////////

 

WEEK 5 - Audience (2/17)

rules and audience
rewards and consequences; how to make the player want more

game rules

<<<<<exercises>>>>>

A Little Game Exercise
this expands on the character created with keypresses; add to mix hitTest (collision tests) and inventory objects

<<<<<flash example files for exercises>>>>>

continuous animation explaination and tutorial

pressing two keys for interaction .fla .swf

 

WEEK 6 - 7 - Prototyping and Game Design on Paper (2/24 - 3/10)

puzzle design concepts

designing a game
2 week team exercise where you create a paper (off computer) 'board' game

Brainstorming Game Design Steps

Game Rules

<<<<<exercises>>>>>

critique board game

 

WEEK 8 - Interaction Design (3/17)

Interactivity Lecture Notes
4 modes of interactivity (cognative, functional, explicit, beyond the object)

Interactivity Lecture
we refer to the flow chart section here - the different types of navigation (linear, hierarchy, web, matrix, parallel, zoom, overlay)

Interactivity Questions about Games
based on interactive lecture and modes of interactivity

 

Serious Game Play!!! (use for interaction)

water cooler games (casual game site)

RoadKill to the White House: Extreme Move-On-Over

Got Milk Adver-game

Molleindustria's McDonald's Game

 

<<<<<flash example files for exercises>>>>>

moving between screens .fla .swf

script unfolded to this point

 

WEEK 9 - Interface Design (3/24)

game UI design
user interface design (shell and in-game interfaces defined)

interface examples

design documents

<<<<<exercises>>>>>

design documents for final project

chris taylor game design document template

critique game GUI

<<<<<flash example files for exercises>>>>>

actionscripting (more examples - pdf)

scoring (fla)

timer (fla)

text and sound (fla)

scoring (pdf)

added score to game character .fla .swf

 

 

WEEK 10 - Game Review... so far... (4/14)

<<<<<flash example files for exercises>>>>>

timers countdown (pdf)

adding timer .fla .swf

<<<<<game script help >>>>>

gotoandplay.it

actionscript.org

kirupa.com

---

offworld.com/ (reviews video game industry from the makers of boing boing!)

 

WEEK 11 - 2D verses 3D

 

WEEK 12 - SHOOT!

<<<<<flash example files for exercises>>>>>

shooting your enemy .fla .swf

 

WEEK 13 - Game Sound (4/14)

-sound and flash (pdf)

example sound site to find your own sounds: freesoundfiles.tintagel.net/Audio/

other links on my site at: myholler.com/flash/commune.htm

game sound links: www.therecordist.com/pages/game_sfx.html

and more: www.meanrabbit.com/wavhtml/wavepage.htm

Sound Objects

<<<<<exercises>>>>>

Paper Prototyping for your final game project

<<<<<flash example files for exercises>>>>>

sound added (hitTestObject - Sound Object / sound inside mc of walk cycle of mole) .fla .swf

sound version 2 (sound in walk cycle / on-off button sound / sound hitTest .fla

dead char (locks interactions of keypress) .fla

 

WEEK 12 - Game Testing

<<<<<flash example files for exercises>>>>>

Real Movement Code

 

Readings

halo

 

Game Links

www.online-games.net/newadventuregames.html

baf.wurb.com/if/

memepool.com/Subject/Games/

 


tile based games URLs

Outside of Society

Tony Pa

tile design template paper

top of page

 

 

 

 

 

DAI 322 - winter 2005(Adobe Acrobat PDF Files)

 

Syllabus

DAI 322 Winter 2005 Syllabus

 

Lectures
all lectures are in PDF form unless otherwise noted

Print History (shockwave file)(1/3)

Design Terms (1/3)

typography (1/12-13)

 

top of page

Exercises and Assignments

Computer Basics (1/3)

Traced Type in Illustrator + type bitmap (type_b) (1/4)

 

top of page

 

MMSP 140 - fall 2009 (Adobe Acrobat PDF Files)

Syllabus

MMSP fall 2009 syllabus

 

Week 1

<<<<<lecture>>>>>

summer 2008 examples

summer 2009 examples

 

<<<<<exercises>>>>>

no homework due

 

top of page

 

Week 2

<<<<<lecture>>>>>

drawing tools explored

 

<<<<<exercises>>>>>

Flash Icon Design

 

top of page

 

Week 3

<<<<<lecture>>>>>

pen tool, going between photoshop, illustrator, flash

 

<<<<<exercises>>>>>

Flash Pen Tool, Photoshop, Illustrator

 

top of page

 

Week 4

<<<<<lecture>>>>>

motion tweens, movie clip symbols

Flash Animation (motion tween - new!) tutorial (Adobe Site)

kirupa.com/developer/flashcs4/video/motiontweens_cs4.htm

Flash CS4 Tween Comparison

Flash CS4 Tween Cheat Sheet

 

<<<<<exercises>>>>>

Text Animation Exercise (do motion tweened text only!)

 

 

top of page

 

Week 5

<<<<<lecture>>>>>

classic tweens / shape tweens / frame by frame

 

<<<<<exercises>>>>>

(do classic / shape / frame by frame tweened text only!) - see Text Animation Exercise above under WEEK 4

 

 

top of page

 

 

Week 6

<<<<<lecture>>>>>

introducing midterm animation

 

<<<<<exercises>>>>>

midterm animation requirements (ad banner or greeting card) due10/13

 

ad banner examples

Great Examples: bannerblog.com.au/
Banner Best Practices: howcast.com/videos/18454-Banner-Ad-Best-Practices
Banner Ad Tips: iheni.wordpress.com/2008/01/08/tips-on-creating-flash-banner-ads/

specs + examples: bannerreport.com/

 

 

greeting card examples

http://www.jacquielawson.com/
http://sendables.jibjab.com/

 

 

top of page

 

Week 7

<<<<<lecture>>>>>

 

flashthusiast.com/ (all about animation and flash)

blogs.adobe.com/rgalvan/ (blog that lets you look at flash environment / concerns / answers questions)

basic actionscript 3.0 list

 

 

 

top of page

 

Week 8

<<<<<lecture>>>>>

Video

 

<<<<<Final Project Discussion>>>>>

Final Project Requirements - Pop Up Book

 

 

 

top of page

 

Week 9

<<<<<lecture>>>>>

This .fla file is a demonstration of what you will want to have in your project. It is missing audio but we haven't covered it yet. It does have 'property changes' in it and we will cover this script next week. I am more interested in your organizing your files this week and leaving scripting troubleshooting till next Tuesday!

PopUp Book Example: .fla .swf

 

 

 

 

top of page

 

Week 10

<<<<<lecture>>>>>

SOUND?????? (hope so...)

-sound and flash

tutorials - bone tool etc. (flash enabled blog)

text and sound (fla)

 

 

 

 

 

top of page

 

 

 

 

 

 

Home | Inspirational Director Design | Inspirational Flash Design
Macromedia Flash Newsgroup
| Macromedia Director Newsgroup Books/Products/Plugins | Interesting Commentary | Flash Community & Tutorials
Class Lectures and Assignments
|Class Grades | Elissa Cline