COAP:COAP-2160/week1: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
m (→Monday) |
||
Line 8: | Line 8: | ||
* ..... | * ..... | ||
'''Student activities''' | '''Student activities / impress.js''' | ||
* Download [[impress.js]] from | * Download [[impress.js]] from | ||
Line 20: | Line 20: | ||
* Modify contents of project1.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: [http://tecfa.unige.ch/guides/flash/ex6/motion-tweening-intro/flash-cs-4-motion-tweening.html flash-cs-4-motion-tweening.html] | |||
* Handout: [[Flash CS6 motion tweening tutorial]] | |||
* Summary: [[Flash animation summary]] (optional) | |||
; Embedded movie clips | |||
* Previews: [http://tecfa.unige.ch/guides/flash/ex6/motion-tweening-intro/flash-cs-6-motion-tweening-a-clip.html flash-cs-6-motion-tweening-a-clip.html] | |||
* Handout: [[Flash embedded movie clip tutorial]] | |||
== Wednesday == | == Wednesday == |
Revision as of 17:19, 25 August 2013
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
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 ....