DAI 427 Digital Media II: 2D Motion Graphics for Digital Media
 Online Resources  
  Select topic to jump to section:
  Flash Information Sources Web Art Exhibition Sites  

  Motion & Depth Perception

Useability Design
  Principles of Animation Background on Hyperlinked Media 
  Motion Graphics/Interaction Design Examples  
  FlashForward "Film" Festival Winners 2000 on  
  Free Assets  
   
   

DAI 427 Digital Media II: 2D Motion Graphics for Digital Media  - Jane Veeder, Instructor

Online Resources 8/05 Update

Flash Information Sources (tutorials, books, links to Flash works, etc)

Flash & Animation Books: Peachpit http://www.peachpit.com
Flash & Animation Books: Amazon.com http:// www.amazon.com

Flash Learning Resources: Macromedia http://www.macromedia.com/software/flash/productinfo/tutorials/
Flash Learning Resources: FlashKit
Flash Learning Resources: WebMonkey
Flash Learning Resources: ActionScripts.Org
Flash Learning Resources: Unleash.com
Flash Learning Resources: Flash Advisor
Flash Learning Resources: About.com
Flash Learning Resources: Kirupa
Flash Learning Resources: EchoEcho
Flash Learning Resources: Colin Moock
Lorem Ipsum Generator
Webmonkey: Intro to HTML

Open Source (Free) Sound Editing Software: Audacity
... and google "flash tutorial"


Motion & Depth Perception

Mather/University of Sussex - QT movies demonstrating motion perception phenomena
Article - The physiology of motion perception (woman who could not see motion)
SF Exploratorium - depth spinner and other visual perception demonstrations
Mosca/Bruno - Collection of visual perception demonstrations
Univ So. Florida - Good links to online demonstrations
Wikipedia site on Motion Perception (good induced motion links)
Web book on visual perception, especially Fun Things in Vision and other demos
Mark NewBold's Animated Spiral Demo
SapDesignGuild Static Graphics Giving an Illusion of Motion

Depth Perception General Paper with illustrated examples

UW HIT Lab brief explanations - good overlapping diagram
Mark NewBold's Animated Necker Cube Depth Perception Illusion

Principles of Animation

Comet Cartoons - Explanations and QT movie demonstrations of good and bad examples
About.com Glossary of Animation - Explanations and animated demonstrations
SIGGRAPH - Descriptions with some QT movie demonstrations
EVL Univ of Illinois - Explanations and illustrations
SF Chapter of the International Animated Film Association (other links here)
About.com / Animation - Informational resource on many aspects of animation including historical timeline
Book: The Animator's Survival Kit: A Manual of Methods, Principles, and Formulas for Classical, Computer, Games, Stop Motion, and Internet Animators -- by Richard Williams
Book: Timing for Animation -- by Harold Whitaker, John Halas
Book: Cartoon Animation (The Collector's Series) -- by Preston Blair
Book: The Animation Book : A Complete Guide to Animated Filmmaking--From Flip-Books to Sound Cartoons to 3-D Animation -- by KIT LAYBOURNE

Motion Graphics/Interaction Design Examples

+++The Web as a Live Experience / Interaction Design, Information Structure
http://www.linkdup.com - large collection of works
http://www.flashforwardconference.com - F lashForward Festival Past Winners
http://www.digitalthread.com - Collection of links to digital media work
http://www.joshuadavis.com/ - Josh Davis' company site, very creative hybrid tech/artist Flash site
http://www.visualthesaurus - by Plumbdesign, click on "Try it NOW" for interactive demo
http://www.willing-to-try.com - Non-Linear Narrative Animation
http://www.marrowmonkey.com - Interactive Graphics and Narrative (select "Lair 1998" in Main Menu)
http://www.triple5soul.com – music and clothes merchanizing within a cultural context (click on "Define Your Soul" to scroll clever pseudo-3D panorama)
http://www.mecompany.com – interdisciplinary design company with spin-off branding products. Click around on the spots to find and follow the content. Dynamic GUI.
http://www.alliedworks.com/ - architectural design firm site featuring innovative navigation and stunning design
http://www.deepplay.com – innovative web design company / did www.alliedworks.com site
http://www.designinteract.com/features/deepplay/ Article on deepPlay design firm
http://www.therehere.tv/launch.html - deepplay project site
http://www.randomaccessmemory.org - Non-Linear, Interactive Information Structure (you have to register to add memories)
http://www.globz.net - French Flash game site with wonderful animation; Click "All Our Games" > "The Dancer"
http://www.thedesignersrepublic.com/ – design collective with products of political content – bold visual/sound design and lively interaction
http://www.keicon.com - also click on Keicon 2001

+++ The Web as a Dynamic Experience: Animation
http://www.hoogerbrugge.com/ The wonderful work of Han Hoogerbrugge, Netherlands
http://www.willing-to-try.com - charming non-linear narrative animation
http://www.yugop.com - dynamic user interface experiments driven by Flash Actionscript
http://www.wildbrain.com - realtime 2D animation via Flash, has section on techniques
http://www.wireframe.com - dynamic user interface components
http://www.mondominishows.com - realtime 2D character animation via Flash;
http://happytreefriends.com - cute and gruesome character animation series by MondoMini-Shows artists
http://www.icebox.com/ - character animation collection. Warning: some characters may be offensive to some people.

+++Politics & Design Sites
http://www.theyrule.net – trace the interconnections between corporations
http://www.adbusters.org - publishers of Adbusters Magazine
http://www.technorealism.org - rehumanize technology
http://www.villageleap.com - Robib, a Cambodian village, uses internet to expand local economy
http://www.rtmark.com/ - subversive artist group uses banner ads to spread the word

+++ Miscellaneous
http://www.cnn.com - Extreme example of hypermediacy, fragmentation, windowing
http://www.sscnet.ucla.edu/ioa/arnold/arnoldwebpages/arnold.htm - Online, interactive Fiction
http://www.2ce.com - pseudo-3D multiple web page interface
http://www.sodaplay.com - Live, authorable experiments in dynamics (first try Soda Zoo)
http://acg.media.mit.edu - Aesthetics + Computation Group, MIT Media Lab – Research and teaching..."Atmosphere" live demo

FlashForward Flash "Film" Festival Winners from 2000

http://www.flashforwardconference.com - Click on "Flash Film Festival > Past Winners"

Free Assets

Sounds
http://www.findsounds.com/ISAPI/search.dll (good search engine for targetting specific sound content)
http://www.altavista.com and narrow your search to "MP3/Audio"
http://www.echovibes.com
http://www.a1freesoundeffects.com/noflash.htm

http://www.soundcentral.com
http://www.soundamerica.com
http://www.moviewavs.com
http://www.dailywav.com
http://www.cartoonwav.com

3D Models
www.shape.cs.princeton.edu
google "free 3D models"

Web Art Exhibition Sites

http://www.rhizome.org - portal for web art, jobs, information, exhibitions
http://artport.whitney.org/ - Whitney Museum, NYC, net art exhibition site
http://www.walkerart.org/gallery9/ - Walker Art Center, Minneapolis, net art exhibition site
http://www.artstream.arizona.edu - online exhibition space at University of Arizona Art Museum
http://www.ammi.org/site/online/index.html - Online Exhibitions and <alt> DigitalMedia

Useability Design

Jakob Nielsen's website w/notes, links, books http://www.useit.com
Links to resources - http://www.usableweb.com
Graphics, Visualization, & Usability Center, GA Tech. Interact with survey data on internet usage = FASCINATING

Background On Interactive, Hyperlinked Media

"As We May Think", article by Vannavar Bush, 1945:
http://www.ps.uni-sb.de/~duchier/pub/vbush/vbush.shtml
or
http://www.theatlantic.com/unbound/flashbks/computer/bushf.htm

+++ Hypertext: The First Implementation of Bush’s Concept
Ted Nelson’s original hypertext project - Xanadu
Ted Nelson’s Home page and statement against the WWW http://ted.hyperland.com/
Wired Magazine Article about Ted Nelson and history of Xanadu:
http://www.wired.com/wired/archive//3.06/xanadu.html?person=ted_nelson&topic_set=wiredpeople
Contemporary Example of Hypertext authoring: "Marble Springs", a hypertext story:
http://www.eastgate.com/MS/Title_184.html

+++History of the Internet
www.zakon.org/robert/internet/timeline Hobbs Internet History Timeline
Ideafinder - Invention of the Internet
Ideafinder - Invention of the WWW
Tim Berners-Lee, inventor of HTML and the WWW:
Home page: http://pluto.ksi.edu/~cyh/ba519/Berners.html
Article about (his next idea) the Semantic Web: http://www.xml.com/pub/a/2000/12/xml2000/timbl.html
Semantic Web Journal: http://www.semanticwebjournal.org/