Siteswap.net

contact


rec.juggling

No articles available


Javascript siteswap juggling animator (JsJuggle)

Because I am addicted to siteswaps, I wrote another simulator which displays juggling tricks. You have to describe the tricks in the common used siteswap notation. The distinct feature of this siteswap animator is, that it uses only Javascript or Dhtml to animate the patterns. Therefore it should work in every modern web browser!
Steps:
Pattern:
Style: Normal
Reverse


More steps leads to a smoother animation, and slows the juggling down. The maximal throw this simulator displays is a 9 (btw. this shold be enough for most jugglers :-) ). If you don't know siteswaps very well, here is a list of some common patterns:
  • 3 balls: 3, 51, 441, 531, 711, 50505
  • 4 balls: 4, 53, 71, 534, 7531, 5551
  • 5 balls: 5, 64, 73, 97531
  • 9 balls: 9

Download and webpage inclusion

If you like it and know html a bit, you can also easily include it in your page, either like in the example above, or just to display a special trick:
Click on the animation to stop it.
Download JsJuggle 0.1 (including source)
You can also change the picture of the balls, e.g. to make them smaller.
Download the source and take a look at the included example website or at the source of this webpage. If you have any question feel free to ask me. If you find a bug or it is incompatible with a browser I also would welcome a short message.

Add as gadget to your personal google page

You can also add it as a gadget to your personalized google homepage:
Add to Google
If you inline the module (look at Developer Module), the size of the gadeget changes if you change the "height" property.

poll


link us

please maximize browser