COAP:COAP-2110/week7: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 9: Line 9:


; Special effects
; Special effects
* Timeline special effects (short demo / not available in CS4/CS5)
* Motion presets are pre-configured motion tweens using all kinds of effects (path, fade in/ou, transforms, ...)
* Previews: [http://tecfa.unige.ch/guides/flash/ex/special-effects/flash-cs3-timeline-effects-2.html flash-cs3-special-timeline-effects-2.html]
* Get the panel from menu Windows-> Motion Presets
* Create or select a symbol on the stage, then select a preset from the panel. You then can adapt it in the same way as would edit your own tweens ....


; Mask and masked layers:
; Mask and masked layers
* Previews: [http://tecfa.unige.ch/guides/flash/ex/special-effects/flash-cs3-mask.html flash-cs3-mask.html].
* Previews: [http://tecfa.unige.ch/guides/flash/ex/special-effects/flash-cs3-mask.html flash-cs3-mask.html].
* Handout: [[Flash special effects tutorial]]
* Handout: [[Flash special effects tutorial]] (needs to revised)


; Interactivity
; Interactivity
Line 24: Line 25:


; Publishing on a web site (recall)
; Publishing on a web site (recall)
* Copy all the files *.swf *.js *.html and resources (e.g. sound or video) that are loaded dynamically via components or ActionScript code to the server. You don't have to copy objects that sit in the library.
* Copy both the *.swf and *.html files. Also copy resources (e.g. sound or video) that are loaded dynamically via components or ActionScript code to the server. You don't have to copy objects that sit in the library.
* You also may fix the generated HTML file
* You also can adapt the generated HTML file
* You may modify some publish settings.
* You may modify some publish settings.
; Inverse kinematics (bones)
* Handout TBA.


; Classroom activities
; Classroom activities
Line 37: Line 41:
: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/actionscript3-simple-object-manipulation.fla actionscript3-simple-object-manipulation.fla]
: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/actionscript3-simple-object-manipulation.fla actionscript3-simple-object-manipulation.fla]
: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/actionscript3-simple-object-manipulation-buttons.fla actionscript3-simple-object-manipulation-buttons.fla]
: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/actionscript3-simple-object-manipulation-buttons.fla actionscript3-simple-object-manipulation-buttons.fla]
(3) Play with motion presets
(4) Create a bone structure using symbols.


==== Homework 7 - week 7 ====
==== Homework 7 - week 7 ====

Revision as of 20:37, 18 February 2013

Week 7 - COAP 2110

Old version, I will also add bones here .. - Daniel K. Schneider (talk) 17:44, 4 February 2013 (CET)

Theme: Term projects, Special effects, masks and more interactivity

Term projects
  • Discussion, Advice
Special effects
  • Motion presets are pre-configured motion tweens using all kinds of effects (path, fade in/ou, transforms, ...)
  • Get the panel from menu Windows-> Motion Presets
  • Create or select a symbol on the stage, then select a preset from the panel. You then can adapt it in the same way as would edit your own tweens ....
Mask and masked layers
Interactivity
Publishing on a web site (recall)
  • Copy both the *.swf and *.html files. Also copy resources (e.g. sound or video) that are loaded dynamically via components or ActionScript code to the server. You don't have to copy objects that sit in the library.
  • You also can adapt the generated HTML file
  • You may modify some publish settings.
Inverse kinematics (bones)
  • Handout TBA.
Classroom activities

(1) Mask layer

  • Create a mask layer. Either import a simple bitmap file (a photograph) or use one of your previous Flash files

(2) Object manipulation

  • Play with the "cats" examples, get:
actionscript3-simple-object-manipulation.fla
actionscript3-simple-object-manipulation-buttons.fla

(3) Play with motion presets

(4) Create a bone structure using symbols.

Homework 7 - week 7

Assignment

Create a flash application. Please choose from one of the two following options:

  1. Create a Flash animation that includes at least two special effects, i.e. built-in timeline effects or mask layers.
  2. Create a Flash animation that uses some ActionScript instructions. I require at least 2 "constructs" that are different from timeline navigation. It is not enough to use gotoAndPlay(), gotoAndStop(), stop (), etc. For example, you can play flash movies with "play()" or change properties of objects on the stage, e.g. change their position or hide/unhide these. Recommended for exam preparation...
Reuse of prior homework
  • If you wish you may reuse artwork and animations from previous homework (in any way you like). But this is by no means an obligation nor does it have an influence on grading. However, make sure to improve drawing, animation, navigation etc. if you didn't get a top grade for previous work.
Submission date and format
  • To be returned by Monday, at start of week 8 lesson
  • Use the following Flash file name familyname-firstname.fla, e.g.
miller-joe.fla
... I must be able to distinguish these files and we want to avoid overwriting.
Other constraints
  • Reuse of artwork and movie clips: 1/3 must be drawn by yourself, max. 1/3 imported but customized, max. 1/3 imported as is. (So you also can do everything by yourself).
  • There is no restriction on the subject, e.g. you can do a slide show or motion/shape/frame animations.
  • You can import sound and video from any source (so the 1/3 rule doesn't apply for these).
  • You must fill in a document description using the same template as in homework 1.
  • Homework projects are individual. If you work with others, make sure that the individual projects differ, i.e. the "reuse of objects" criteria above apply.
  • If you reuse old homework, make sure that certain errors are fixed (e.g. use only a single non-editable object in a motion tween). Also get rid of unused tween objects in your library. These are most often indicators of badly done tweens. Finally, try to improve the aesthetics of your drawings.
  • Your *.fla should be error free. No broken tweens, no strange tween objects in your library, etc.
Evaluation criteria - bonus and malus points

As usual

The document description

Your xxx.fla file must include a document description.

  • Insert it with menu Modify->Document
  • Enter a title and description
  • See the template