COAP:COAP-2110/final: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
==== Final exam ====
== Final exam [[Help:COAP-2110| COAP 2110]] ==


The final exam will focus on interactivity and animation. You will receive a *.fla file to complete/repair. It will be similar in spirit to the mid-term exam.
The final exam will focus on interactivity and animation. You will receive a *.fla file to complete/repair. It will be similar in spirit to the mid-term exam.


===== Prepare for the following subjects''' =====
== Handouts ==
 
* [[Flash tutorials]] (the full list of tutorials, more than you want)
* [[EduTech_Wiki:Books/Flash_first_steps|Flash First Steps]] (smaller list than above, also available in PDF)
 
== Prepare for the following subjects''' ==


; (1) '''Mid-term exam requirements'''
; (1) '''Mid-term exam requirements'''


* See [[Help:COAP-2110/mid-term]]
* See [[COAP:COAP-2110/mid-term]]


; (2) '''Buttons'''
; (2) '''Buttons'''
Line 22: Line 27:
* Simple '''event handling functions''' and registration of mouse click events
* Simple '''event handling functions''' and registration of mouse click events
Example code:
Example code:
<pre>
<source lang="actionscript">
// timeline moving
// timeline moving
forward_btn.addEventListener(MouseEvent.CLICK,forward);
forward_btn.addEventListener(MouseEvent.CLICK,forward);
Line 32: Line 37:
kite.play();
kite.play();
}
}
</pre>
</source>


You should be able to master following simple ActionScript "instructions":
You then should be able to master following simple ActionScript "instructions":
* Change the visibility of an object on the stage
* Change the visibility of an object on the stage
* Move an object
* Play and stop an embedded movie clip
* Play and stop an embedded movie clip
* play and stop the animation in the timeline
* play and stop the animation in the timeline
* Move the user around in the timeline
* Move the user around in the timeline


Example code:
Example code for object manipulation
<pre>
<source lang="actionscript">
cat.visible = true;
cat.visible = true;
cat.visible = false;
cat.visible = false;
cat.x = 100;
cat.y += 50;


movie_clip.stop();
movie_clip.stop();
movie_clip.play();
movie_clip.play();
</source>


Example code for timeline animations
<source lang="actionscript">
gotoAndPlay(12);
gotoAndPlay(12);
gotoAndPlay("robot");
gotoAndPlay("robot");
Line 55: Line 68:
stop();
stop();
start();
start();
</pre>
</source>


Do not forget to revise the subjects from the previous exam (drawing and animation principles) !
(5) Basic inverse kinematics
* (to be confirmed)


===== Not covered''' in the exam =====
Do not forget to revise the subjects from the previous exam (basic drawing and animation principles) !


* ActionScript program flow (e.g. if and switch statements)
== Not covered in the exam ==
 
* ActionScript program flow (e.g. complicated if and switch statements, loops, etc.)
* Special effects
* Special effects
* Classic motion tweens
* Video captions and Video cue points
* Video captions and Video cue points
* Loading of external sources other than video.
* Loading of external sources other than video.
* Keypress events
* Keypress events


===== Preparation example =====
== Preparation examples ==
 
'''Warning''': The final will be similar in spirit, however we will not test classic motion tweens !
 
=== Preparation example 2007 ===
 
You can try to solve the 2007 exam, i.e. solve the following problems:
* Frame 1 (home): Buttons should not lead you to frame 1 (home), but to the various other keyframes. Also add your name.
* Frame 2 (Sailing): (a) Play the tween animation of boat with the 'what's going on here' button. (b) BONUS Point: Create and play a motion animation of a plane.
* Frame 3 (Driving): (a) Create an animation that will start moving the car from right to left and slightly forward too (i.e. keep it on the road). To animate the car edit the 'old car' symbol and make it a motion tween. Then link it to the ''what's going on here'' button (b) BONUS Point: Do something with the yellow car.
* Frame 4 (Island): (a) Make the trees visible when the user clicks on the ''what's going on'' button. (b) BONUS point: Improve the frame-by-frame animation of the big tree.
* Frame 5 (Rocket): (a) Write code that will launch the rocket. (b) BONUS: Do something with the snakes
Tip: For starters, you can navigate with the little button on top right. Do not edit layer one !
 
Now get the *.fla source file from here:
: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/action-script-button-anim-problem.fla action-script-button-anim-problem.fla]


You can to solve the 2007 final exam:
Instructions are also inside the *.fla file (play it):
:Source: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/action-script-button-anim-problem.fla action-script-button-anim-problem.fla]
: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/action-script-button-anim-problem.html action-script-button-anim-problem.html]


A solution is also available
A good enough solution is also available:
: Source: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/action-script-button-anim-solution.fla action-script-button-anim-solution.fla]
: Source *.fla: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/action-script-button-anim-solution.fla action-script-button-anim-solution.fla]
: HTML+SWF: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/action-script-button-anim-solution.html action-script-button-anim-solution.html]
: HTML+SWF: [http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/action-script-button-anim-solution.html action-script-button-anim-solution.html]
: Directory: http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/
: Directory: http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/


=== Preparation example 2008 ===
This work through example has instructions embedded inside the fla file. '''Better''' and alternatively also may read the series of screen copies and that include the instructions http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-handout.pdf
* Get [http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008.fla final-coap2110-2008.fla]
* Look at a possible solution:
: http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-SOLUTION.swf
'''Solution:'''
: http://tecfa.unige.ch/guides/flash/ex/exams2008/ (directory)
: [http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-SOLUTION.fla final-coap2110-2008-SOLUTION.fla]
=== Preparation example 2010 ===


* Also, have a look again at the [[Help:COAP-2110/mid-term]] exam and the [[flash animation summary]]. The orginal exam files and the solution are also available in this directory:  [http://tecfa.unige.ch/guides/flash/ex/exams2008/ http://tecfa.unige.ch/guides/flash/ex/exams2008/]
* This examples includes instructions within the *.fla, also avaliable in [http://tecfa.unige.ch/guides/flash/ex/exams2010/final-coap2110-2010.pdf PDF]
* Get the fla: [http://tecfa.unige.ch/guides/flash/ex/exams2010/final-coap2110-2010.fla final-coap2110-2010.fla]


'''Solution''':
* [http://tecfa.unige.ch/guides/flash/ex/exams2010/final-coap2110-2010-SOLUTION.html final-coap2110-2010-SOLUTION.html]
* [http://tecfa.unige.ch/guides/flash/ex/exams2010/final-coap2110-2010-SOLUTION.fla final-coap2110-2010-SOLUTION.fla]


===== Other information =====
== Other information ==


* All materials are allowed (e.g. books, handouts, web pages)
* All materials are allowed (e.g. books, handouts, web pages)
* Use of communication tools is '''strictly forbidden''' (no chat, no mail, etc.). No talking between  students. Offenders may get an F.
* Use of communication tools is '''strictly forbidden''' (no chat, no mail, etc.). No talking between  students. Offenders may get an F.

Latest revision as of 20:34, 22 February 2013

Final exam COAP 2110

The final exam will focus on interactivity and animation. You will receive a *.fla file to complete/repair. It will be similar in spirit to the mid-term exam.

Handouts

Prepare for the following subjects

(1) Mid-term exam requirements
(2) Buttons
  • Using library *.fla buttons (just change the label)
  • Making your own buttons from simple (!) drawings (including drawings for the different button states)
  • Using button components (label, change of width)
(3) Videos and Sound
  • Sound embedded into the timeline
  • Videos embedded into the timeline
  • Simple use of the video component
(4) ActionScript
  • Simple event handling functions and registration of mouse click events

Example code:

// timeline moving
forward_btn.addEventListener(MouseEvent.CLICK,forward);
function forward(event:MouseEvent) { gotoAndStop(2); }

// Play an embedded movie clip
start_button.addEventListener(MouseEvent.CLICK,start_kite);
function start_kite(event:MouseEvent) {
	kite.play();
}

You then should be able to master following simple ActionScript "instructions":

  • Change the visibility of an object on the stage
  • Move an object
  • Play and stop an embedded movie clip
  • play and stop the animation in the timeline
  • Move the user around in the timeline

Example code for object manipulation

cat.visible = true;
cat.visible = false;

cat.x = 100;
cat.y += 50;

movie_clip.stop();
movie_clip.play();

Example code for timeline animations

gotoAndPlay(12);
gotoAndPlay("robot");
gotoAndStop(12);
gotoAndStop("cat_anim");

stop();
start();

(5) Basic inverse kinematics

  • (to be confirmed)

Do not forget to revise the subjects from the previous exam (basic drawing and animation principles) !

Not covered in the exam

  • ActionScript program flow (e.g. complicated if and switch statements, loops, etc.)
  • Special effects
  • Classic motion tweens
  • Video captions and Video cue points
  • Loading of external sources other than video.
  • Keypress events

Preparation examples

Warning: The final will be similar in spirit, however we will not test classic motion tweens !

Preparation example 2007

You can try to solve the 2007 exam, i.e. solve the following problems:

  • Frame 1 (home): Buttons should not lead you to frame 1 (home), but to the various other keyframes. Also add your name.
  • Frame 2 (Sailing): (a) Play the tween animation of boat with the 'what's going on here' button. (b) BONUS Point: Create and play a motion animation of a plane.
  • Frame 3 (Driving): (a) Create an animation that will start moving the car from right to left and slightly forward too (i.e. keep it on the road). To animate the car edit the 'old car' symbol and make it a motion tween. Then link it to the what's going on here button (b) BONUS Point: Do something with the yellow car.
  • Frame 4 (Island): (a) Make the trees visible when the user clicks on the what's going on button. (b) BONUS point: Improve the frame-by-frame animation of the big tree.
  • Frame 5 (Rocket): (a) Write code that will launch the rocket. (b) BONUS: Do something with the snakes

Tip: For starters, you can navigate with the little button on top right. Do not edit layer one !

Now get the *.fla source file from here:

action-script-button-anim-problem.fla

Instructions are also inside the *.fla file (play it):

action-script-button-anim-problem.html

A good enough solution is also available:

Source *.fla: action-script-button-anim-solution.fla
HTML+SWF: action-script-button-anim-solution.html
Directory: http://tecfa.unige.ch/guides/flash/ex/action-script-3-intro/

Preparation example 2008

This work through example has instructions embedded inside the fla file. Better and alternatively also may read the series of screen copies and that include the instructions http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-handout.pdf

http://tecfa.unige.ch/guides/flash/ex/exams2008/final-coap2110-2008-SOLUTION.swf

Solution:

http://tecfa.unige.ch/guides/flash/ex/exams2008/ (directory)
final-coap2110-2008-SOLUTION.fla

Preparation example 2010

Solution:

Other information

  • All materials are allowed (e.g. books, handouts, web pages)
  • Use of communication tools is strictly forbidden (no chat, no mail, etc.). No talking between students. Offenders may get an F.