How to make a HTML5 animation like the one on Blackberry PlayBook startup?

Question

I just want to know how to code a animation like the one on the startup of the Blackberry PlayBook with big colored circles using HTML5 canvas and JS (with some JS drawing library?). Can the same be achieved? Can you give an approximation to code implementation?

score 1 · Accepted Answer · answered Jun 15 '12 at 10:26

1

I'm using the tridentJS library for animations https://github.com/kirillcool/trident-js. Its quite straightforward, easy to use and well documented. You will also find samples and approaches that are similar to your sample.

answered Jun 15 '12 at 10:26

Madman

3,171
2
32
44

Can you please add example code to make something like what I want to make? – Alejandro García Iglesias Sep 03 '12 at 16:20
@GarciaWebDev Hey man, I created sample for you. Try it https://bitbucket.org/vivanov/blackberry-playbook-animation-with-trident-js and another sample https://bitbucket.org/vivanov/starfield-with-trident-js – Madman Jan 16 '13 at 16:19
Hey man, thanks, great work! – Alejandro García Iglesias Feb 05 '13 at 22:49

How to make a HTML5 animation like the one on Blackberry PlayBook startup?

1 Answers1