Check out the full WWT web client (authored by myself and Jonathan Fay) if you want play with the cosmos!

A Tweenie Update

Feb 19, 2013

I finally merged my two tween objects. I had created a tweener that would tween dimensions, position, and color, but then I also made a gradient animator to go along with my gradient editor. Now I have them both working simultaneously. I also finally added IE10 support to the gradients and was a wee bit surprised at IE's performance in the realm of gradient tweens.

Browser

Avg. FPS

Internet Explorer v10

272

Firefox v18

228

Chrome v24

222

I made a couple of 7-color gradients and animated the exact same gradients on Chrome, Firefox, and Internet Explorer. So who won out?...

Brace yourself.

Internet Explorer! And CHROME was the SLOWEST!

I have a pretty beefy machine here at home running Windows 8, but you can see what my average framerates looked like.

I left the console.log calls in so you can see for yourself. IE looks amazing honestly.

I have also added some other extra properties you can tween - rotation (transform), border (color and width), and border-radius. A jquery plugin + documentation are coming...