JavaSript programozás HELP kéne! Segítene valaki?

Azt sem tudom sajnos..... nincs semmi ahol megnézhetném. egy animációs feladatot vettünk múlt órán abból tudnék valamit kiindulni de hogy megforogjanak a lapok??... meg ilyenek....

Ez az össz tudásom de ebből nehezen tudok kiindulni. Ez a kód 3 képet mozgat ide oda:

var canvas=document.getElementById('c');

var ctx = canvas.getContext('2d');

var img = document.createElement('img');

img.src = ' [link]

var img2 = document.createElement('img');

img2.src = ' [link]

function Sprite(img, dx, dy){

this.x= 0;

this.y= 0;

this.dx= dx;

this.dy= dy;

this.img= img;

this.img2= img2;

}

Sprite.prototype ={

constructor: Sprite,

animate: function(){

this.x = this.x + this.dx;

this.y = this.y + this.dy;

if(this.x === 300 || this.x === 0) // ezzel visszafordítjuk. ha x 300, akkor:

this.dx= -this.dx;

if(this.y === 300 || this.y === 0) this.dy= -this.dy;

return this;

},

draw: function(ctx){

ctx.drawImage(this.img, this.x, this.y);

}

};

var sprite = new Sprite (img, 1,3);

var sprite2 = new Sprite (img2, 2,3);

var sprite3= new Sprite (img, 3,3);

setInterval(animate, 20);

function animate(){

ctx.clearRect(0,0, canvas.width, canvas.height);

sprite.animate().draw(ctx);

sprite2.animate().draw(ctx);

sprite3.animate().draw(ctx);

}

Most találtam egy jó kis kódot ami olyan ami nekem kell.

itt a 3b verzió az [link]

ezt elemezgetem hátha megértem :)