Boomer - The Animated Kangaroo » Didgeroo

Boomer – The Animated Kangaroo

Dec 20, 2016
Chris Skitch

 

The latest addition to the Didgeroo family is Boomer, the moving Kangaroo, courtesy of our very own developer Andrei Tripon.

Andrei created Boomer using HTML and some lightweight CSS animation. What makes Boomer special is the fact that he is animated!

Below is the code created to animated Boomer. Some of the HTML functions that were used to make Boomer were setInterval() and setTimeout(). SetInterval() method calls a function at specified intervals (in milliseconds) and the setTimeout method calls a function after a specified number of milliseconds.

Finally, a CSS function called “Display” is used to display Boomer on front-end and “position” and “margin-top” determines where he’s placed.

Tags: