COAP:COAP-2160/week1
Jump to navigation
Jump to search
Week 1 - Create fancy animated presentations with impress.js
Monday
Demos
- impress.js
- .....
Student activities / impress.js
- Download impress.js from
- https://github.com/bartaz/impress.js
- (find the Download ZIP button to the right)
- Unpack the zip archive
- Copy index.html to project1.html
- Copy index.html to save.html
- Modify contents of project1.html
Flash CS6 crash course
(Starting on Monday, continued on Wednesday, for students without prior knowledge)
- Elements of the Flash Desktop
- Handout: Flash CS6 desktop tutorial
- Handout: Flash CS3 keyboard shortcuts
- Creating simple Drawings
Topics: Stage size, Drawing modes, Selecting objects, Drawing and painting tools, Erasing and alignment, Colors, Adding text
- Handout: Flash drawing tutorial
- Simple use of Layers
- Handout: Flash layers tutorial
- Importing clipart and textures
- Resource: Clipart and texture
- In a nutshell: Get SVG objects from http://openclipart.org/ and import via Illustrator
- Introduction to motion animation
- Previews: flash-cs-4-motion-tweening.html
- Handout: Flash CS6 motion tweening tutorial
- Summary: Flash animation summary (optional)
- Embedded movie clips
- Previews: flash-cs-6-motion-tweening-a-clip.html
- Handout: Flash embedded movie clip tutorial
Wednesday
- Impress.js continued
- Flash Crash course continued
Homework
- Create a presentation with impress.ch
- You can freely choose a topic and reuse prior work.
Due
- Monday, week 2 before class
- Your presentation must be uploaded as a zip file to the Worldclassroom (Canevas)
Documentation
- impress.js
- ... more to come ....