Try the result first!

Watch Screencast

Step-by-Step Directions (pdf)

Download: animator_once_man.js

Changing the animation speed or number of steps.

If you want to change the animation speed or increase/decrease the number of animation steps:

  1. Open file animator_once.js in any text editor (or animator_repeat.js).
  2. On line 20 find: Delay=20; Step=0.01;
  3. Increasing the value of Delay = Slower animation (Delay=20 means 100 animations takes 3 seconds)
  4. Decreasing the value of Step = More animation steps (Step=0.01 means 100 animations)
  5. Save the file.

Now - just so you know - the original animator.js file contains more functions and a way to do sequential animations. I like really step-by-step directions. As I learn more and can explain it step-by-step, I will add to my help. Meanwhile - if you want to try it on your own - there is help here.


This is the animated ggb file used in the screencast.

If you have the pre-release of GeoGebra 3.1 installed, double-click on the activity below to open it your computer and follow along.
Our goal is to add a manual animator in the GeoGebra file and a toggle button for it in the webpage.
But - no worries - you can do everything in GeoGebra 3.0 EXCEPT the PRETTY CAPTION under the slider.
This browser does not have a Java Plug-in.
Get the latest Java Plug-in here.
  • 23 September 2008. To do this particular manual animation with the caption on the slider requires the pre-release of GeoGebra 3.1.  All the other options are available in the released standard-for-use GeoGebra 3.

Related Topics


 Up one level


Page last modified on September 14, 2008, at 12:40 AM