Welcome to week 1 of Interactive Animation

Handouts
ADV3662_HitchingsSyllabus

Agenda

• Introduction of the course
• Course Objectives
• Website – Hosting and Domain (you will need one for the class – if you have an existing site that will be fine. If you have none you will need to get one. Department recommends: Kionic
• Interactive storytelling and animation – examples
• Grant Skinner –

“Grant Skinner is an innovator who thrives on pushing through problems and is inspired by the unknown technological possibilities ahead.

As the CEO of gskinner.com, a rich interactive design firm based in Alberta, Canada, he loves playing with technology in a research and development role. It was his passion for exploring new frontiers that led him to the Internet, where he began building content that no one had seen before.” – Lynda.com

Lesson
lesson-week1

Exercise: Create Animated GIFs with Photoshop (300 x 250px, 72dpi)
Choose two words, opposite in meaning. Create one animation to show meaning in each word.

Inspiration Resources

• Communication Arts: www.commarts.com
• Webby Awards: www.webbyawards.com/webbys (look for ‘Interactive Advertising’)
• The One Club: www.oneclub.org/os (click the ‘One Show Interactive’ button and look for winners in the ‘banners dynamic’ category)

Tutorials

• Codeacdemy: www.codeacademy.com
• Mozilla Developer Network’s Javascript Area: www.developer.mozilla.org/en-US/docs/JavaScript
• Khan Academy Computer Science (javascript-based) http://khnaacademy.org/cs
• jQuery docs: http://docs.jquery.com/Main_Page
• Lynda: www.lynda.com

Tools

• Adobe Edge Animate
• Dreamweaver
• TextWrangler (free for Macs) – general purpose editor for HTML and Javascript
• Notepad++ (free for PC) – general purpose editor
• The Firefox Firebug extension
• The Google Chrome

Homework

• Join Openlab site: http://openlab.citytech.cuny.edu/groups/adv3662-interactive-animation/
• Join this blog
• Set up your own URL if you do not have one.
• Post your URL on Openlabs discussion page.
• Finish Practice Exercise – animated gif.
• READ: http://alistapart.com/column/he-aint-snowfalling-hes-my-brother