Aeroplane (Flip Demo)


You can now flip sprites horizontally or vertically. The aeroplane in this HTML animation only uses one image. When the plane flies in the opposite direction it is simply the same aeroplane image flipped horizontally. To flip an image in the editor, simply right click the item and choose 'Flip Horizontal/Vertical' or drag a selected sprite to resize it.

The animation also shows a smooth loop the loop. This makes use of the ability to rotate a sprite around a point.


To add this animation to a html page use the following code:

Download the Hippo Animator project Aeroplane.hani 54k.

Animation by

Thanks to for this fun animation made with the free...

Spooky Forest

The spider in this HTML Animation uses keyframes to...

Character Animation by Fernand Redon

Check out this fun character HTML animation test by...

Hippani Hills by Yan at

Thanks to talented animator Yan Paquin at for this...

Learn more about creating HTML animation and mobile apps with Hippani Animator.
Learn More...