HTML5 Canvas manipulate letters with mouse -

i'm new html5 canvas, have little experience it. i'm trying accomplish have 50 letter d's, different sizes , color moving around on screen. when user gets close these letters mouse want letters speed , move around. have tutorial on this?

are comfortable these javascript concepts?

• arrays,
• objects,
• event handlers,
• timers,
• prototyping,
• pseudo-classes

if feel comfortable these javascript concepts, check demo out:

start demo , hold mouse down create "particles".

the particles repelled mouse proximity.

http://soofw.com/demos/fountains/

it works circle "ball" objects, can adapt code draw d's instead:

ball.prototype.draw=function() {     surface.context.font = this.font;  // add font property ball class     surface.context.fillstyle = this.color.v     surface.context.filltext("d",this.x,this.y); } 

and on...

if you're not comfortable code, @vincent piel suggests: google = html canvas library.