|
|
|
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.
Summer 2011
Spring 2012 http://myholler.com/flash/studentex2011.html (examples)------------------------------ Previous Semesters |
| . MMSP 147 - spring 2012 (Adobe
Acrobat PDF Files) Syllabus 3dskipper.com/ (cool tutorial site designed by cool student Michael Gaynor) Lectures WEEK 1 <<<<<lecture>>>>> -3d coordinant system explained (not in print form) Introduction to 3ds Max tutorials (nice intro to interface!!!) - YouTube . -primitives and 3d space-robot . . . WEEK 2- 3 <<<<<lecture>>>>>
<<<<<exercises>>>>> camera work: -PROPS zipped (download to do project) . . WEEK 4- 6 <<<<<lecture>>>>> -Timing - additional notes for better techniques with animation . <<<<<exercises>>>>> -create a simple expressive animation . . midterm project explained -midterm project workflow chart (For teams!) . Midterm Project Criteria
. exercise 'extras' -forward kinematics (robot hand and ball) +robot hand file -lofts: grecian temple + column images zipped . . WEEK 11 New Features (graphite tools) - youtube graphite tools - design reform - tutorial . WEEK 11 No class: 10/25-27 Email Proposal (for final project to me) with appropriate materials regarding ideas elissa@myholler.com Read Chapter 2 from book 'How to Cheat in 3ds Max 2011' on polygon modeling Watch You Tube Video and 'test drive' edge modeling: Video . . . WEEK 6 exercises - week 6 Explanation of "Final Gather" - mental ray renderer . . WEEK 7 exercises - week 7 -texturing (see syllabus for directions) - .zip file with model and photo REVIT and 3DS Max (pdf) . . Final Project and Materials
. . Texture Extras... Unwrap Modifier (to make a bitmap texture 'fit' a model well) . . . . Extra STUFF!!! -manipulators and morph targets -lip synching morph targets w/sound (found in 3dsMax sound folder)-.zip
file . . . . . . . . . . . . . . . . MMSP
146
-
spring 2012 (Adobe
Acrobat PDF Files) Syllabus Week 1 <<<<<lecture>>>>> . . <<<<<exercises>>>>> warm up exercise using frame by frame animation and onion skinning . . . . . Week 2 . <<<<<lecture>>>>> creating a frame by frame walk cycle <<<<<exercises>>>>> Timing + example and WALK CYCLE!!!!!! Walk Cycle (movieclips) example file .fla .swf . . . . Week 3 <<<<<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) . <<<<<exercises>>>>> Omar's Haunted Trail Sound Effects (good short dramatic sound speech tracks) faces only (fla) simple lip synch demo (fla) . . . . Week 3-4 <<<<<lecture>>>>> animation principles + flash movie . sound dogs folley sounds - right click to download sound (no fee)!
--- Motion Editor Explained Animation with Flash CS4's Motion Editor <<<<<exercises>>>>> Animated Text (requirements): Animation of text must represent word(s) chosen.
Separate letters into individual layers,
Must use
Classic Tween and Motion Tween,
Distribute to Layers,
Break Apart text used.
Apply Animated Text and Logo Definitions below as necessary.
sound effects synched to animation
use of foreground / background depth Animating Text and Logos Definitions Fly Together - Animate pieces of the logo so that they fly together, resulting in a normal logo. Lens Flares and Lasers - Create lens flares on corners of a logos. Bouncing Logos - Use squash and stretch to animate the logo so that it bounces or vibrates excitedly for a few moments; Tumbling - have a logo spin onth the page in an arc and come to rest with a slow in. Better to repeat only once so it is not annoying. Spinning - Make sure you have logos spin slow enough for them to be read. ------------------------------------------------------------------- Scrolling - to move from top to bottom of the screen, as in film credits Fading In and Out - for titles etc. In Flight - so that the text appears to zoom onto the screen from anh of an infinite numbers of angles and dimensions. Rotoscoping - so that frames of animation play within the boundaries of the type. Morphing - to make the size, shape, weight, or other typographic qualities change over time. On a Path - so that words and letters follow an invisible curved path across the screen. Exploding - so that letters or parts of letter break up and fly away on their own trajectories or, in reverse, fly together into readable text. . . Week 5 <<<<<lecture>>>>> . <<<<<exercises>>>>> Cause & Effect Animation Exercise Falling / Colliding / Bouncing: Use the following techniques listed below to create a short story. The animation must include the following actions (falling, colliding, bouncing). The object that is the 'subject' of this animation has to be a simple primative (circle, star, square, etc.) No detailed drawing allowed. You may use text letters if you wish. You may have 1 subject and no more than 3 objects (of the collision for example)... Keep it simple. You must use MOTION TWEENING and the MOTION EDITOR! The simple primative just show 'characterization'... . . Week 6 . . Midterm Requirements E-GREETING CARD you can look at the following site for samples jacquielawson. The only big requirement from YOUR e-card is that there is a simple story that it provides with a beginning / middle / end that assumes some sort of 'character' and plot. Midterm Criteria CONCEPT REQUIREMENTS
TECHNICAL REQUIREMENTS
. . . Week 7- 8 <<<<<lecture>>>>> . <<<<<exercises>>>>> Code Snippets (pdf) Character Gesture Exercise Create a simple character and gesture for either of the following 'situations':
The character should be 'quickly' designed and then animated using your choice of animation types (frame by frame, shape, motion, and or classic). The aim of this exercise is that you complete it in 2 labs (2 classes) and do not take this home to work on it. You may use 1 prop (such as a door or sheet of paper and desk) to support the idea. Keep it simple and do not spell it out (with text). The gesture should express emotion using the techniques in animation you have learned thus far in class! . . . Week 9 - final project announced... <<<<<lecture>>>>> Storyboards (pdf) -flash character animation (pdf) grade criteria Character Animation Assignment 100 - Total possible points . . Week 10 No class: 10/25 Ayana substituting on the 10/27 Board-o-Matics (animated storyboards with sound) due on 10/27 for review Email me a 'swf' movie of your animated storyboard to: elissa@myholler.com . Board o Matic Examples song has dialog that boards have to match . Music! - Some free sites to get music are . Week 11 <<<<<lecture>>>>> tutorials - bone tool etc. (flash enabled blog) Bones (TIps) Parent Moves Child First Bone (parent) doesn't move Constraints are either
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 SPEED - 100 = fast / 0 = slow response . <<<<<exercises>>>>> --------------------------------------- Inverse Kinematics (Bones) example file .fla .swf slider (constraint x) .fla .swf Nice Simple Bone Tutorial (web page - layers magazine) . BONES Exercise: Shape Bones - simple character that gestures Instance Bones - robot arm that picks an object up bones set up for walk cycle
. Week 12 <<<<<lecture>>>>> movieclip timeline animation defined .swf . . <<<<<readings>>>>> . . . . . <<<<<lecture>>>>>
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 Load Movie Example (finished with scripts) - updated! (.zip file) . . . . . . DAI 427- fall 2004 (Adobe Acrobat PDF Files) Syllabus . Lectures . View File Remotely: 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 (--) -
movieclip and button properties and scope
.swf
.fla
(--)
Download the dcr (shockwave file)
locally instead of viewing remotely: Exercises and Assignments interactivity
review + .fla
stuffed archive example (8/31) 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) . Handouts -motion
tweens verses shape tweens (9/2) . . . open FLAs (via FTP site) . . IDST 148- spring 2009 (Adobe Acrobat PDF Files) Syllabus . Lectures WEEK 1 - History of Games & Game Genres (1/13) View
File Remotely: game genres (pdf) 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) 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) 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) 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 - NEW! Game Character Creation Method + .fla example . WEEK 4 - Level Design (2/3) level
design (part 1) level
design (part 2) 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: ///////////////////////////////////////////////////// ///////////////////////////////////////////////////// . WEEK 5 - Audience (2/17) rules
and audience <<<<<exercises>>>>> A Little
Game Exercise <<<<<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) designing
a game Brainstorming Game Design Steps <<<<<exercises>>>>> critique board game . WEEK 8 - Interaction Design (3/17) Interactivity
Lecture Notes Interactivity
Lecture Interactivity
Questions about Games . Serious Game Play!!! (use for interaction) water cooler games (casual game site) RoadKill to the White House: Extreme Move-On-Over Molleindustria's McDonald's Game . <<<<<flash example files for exercises>>>>> moving between screens .fla .swf . WEEK 9 - Interface Design (3/24) game
UI design <<<<<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) <<<<<game script help >>>>> --- 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>>>>> . 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 <<<<<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>>>>> . Readings . Game Links www.online-games.net/newadventuregames.html .
. . . . . DAI
322 -
winter 2005(Adobe Acrobat PDF Files) . Syllabus . Lectures Print History (shockwave file)(1/3) Design Terms (1/3) typography (1/12-13) . Exercises and Assignments Computer Basics (1/3) Traced Type in Illustrator + type bitmap (type_b) (1/4) . . MMSP 140 - Summer 2011 (Adobe Acrobat PDF Files) Syllabus . Week 1 <<<<<lecture>>>>> drawing tools explored . <<<<<exercises>>>>> . Week 2 <<<<<lecture>>>>> pen tool, going between photoshop, illustrator, flash motion tweens, movie clip symbols classic tweens / shape tweens / frame by frame Flash Animation (motion tween - new!) tutorial (Adobe Site) kirupa.com/developer/flashcs4/video/motiontweens_cs4.htm . greeting card examples http://www.jacquielawson.com/ . . <<<<<exercises>>>>> midterm animation requirements (ad banner or greeting card) due uses the webpage below to choose banner dimensions and sizes icq.com/info/banners_spec.html . ad banner examples Great Examples: bannerblog.com.au/ . . Week 3 <<<<<lecture>>>>> . <<<<<exercises>>>>> Interactive Button Exercise (in class): create 3 buttons, 3 movieclips with nested animations. At least one button should have nested animation within it's (up, over, or down) state. You must include 2 nested animations (1 x shape, 1 x motion tween) total. This means you can have both nested animations in the same button or 1 nested shape tween animation in one button, the nested motion tween animation in another button. Bring into next class to apply actionscript programming. . . Week 4 <<<<<lecture>>>>> Final Project Requirements - Pop Up Book Code Snippets (pdf) . . . . . Week 5 <<<<<lecture>>>>> Music! - Some free sites to get music are . tutorials - bone tool etc. (flash enabled blog) text and sound (fla) . Scenes and Simple Pop Up Book Revision (.fla) . . . . . Week 6 <<<<<lecture>>>>> flashthusiast.com/ (all about animation and flash) blogs.adobe.com/rgalvan/ (blog that lets you look at flash environment / concerns / answers questions) . . . |