Problème avec le langage JAVA

Bonjour,

Je suis en se moment entrain de créer une page web personnelle, et sur cette page j'ai mis une balise canvas qui m'impose du javas script mais je n'arrive pas a comprendre la signification de chaques termes du java ci-dessous:

var position = {x:0 , y: window.innerHeight/ 0};
var counter = 0;
var minFontSize = 10; ( Je sais que c'est la taille minimum)
var angleDistortion = 0;
var letters = "Amazing, Bonne ambiance, Cool, Studieuse, Drole, Professeurs exceptionnels, Extraordinaire, Mémorable, Parfaite, Génial, Solidaire, Formidable ...";
( la var letters c'est le texte que j'ai choisit)

// Drawing variables
var canvas;
var context;
var mouse = {x:0 , y:0 , down: false} // Ne pas enlever le false

function init() {
canvas = document.getElementById( 'canvas' );
context = canvas.getContext( '2d' );
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

canvas.addEventListener('mousemove', mouseMove, false);
canvas.addEventListener('mousedown', mouseDown, false);
canvas.addEventListener('mouseup', mouseUp, false);
canvas.addEventListener('mouseout', mouseUp, false);
canvas.addEventListener('dblclick', doubleClick, false);

window.onresize = function(event) {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
}

function mouseMove ( event ){
mouse.x = event.pageX;
mouse.y = event.pageY;
draw();
}

function draw() {
if ( mouse.down ) {
var d = distance( position, mouse );
var fontSize = minFontSize + d/2;
var letter = letters[counter];
var stepSize = textWidth( letter, fontSize );

if (d > stepSize) {
var angle = Math.atan2(mouse.y-position.y, mouse.x-position.x);

context.font = fontSize + "px Georgia";

context.save();
context.translate( position.x, position.y);
context.rotate( angle );
context.fillText(letter,0,0);
context.restore();

counter++;
if (counter > letters.length-1) {
counter = 0;
}

//console.log (position.x + Math.cos( angle ) * stepSize)
position.x = position.x + Math.cos(angle) * stepSize;
position.y = position.y + Math.sin(angle) * stepSize;

}
}
}

function distance( pt, pt2 ){

var xs = 0;
var ys = 0;

xs = pt2.x - pt.x;
xs = xs * xs;

ys = pt2.y - pt.y;
ys = ys * ys;

return Math.sqrt( xs + ys );
}

function mouseDown( event ){
mouse.down = true;
position.x = event.pageX;
position.y = event.pageY;

document.getElementById('info').style.display = 'none';
}

function mouseUp( event ){
mouse.down = false;
}

function doubleClick( event ) {
canvas.width = canvas.width;
}

function textWidth( string, size ) {
context.font = size + "px Georgia"; ( je pense que c'est la police)

if ( context.fillText ) {
return context.measureText( string ).width;
} else if ( context.mozDrawText) {
return context.mozMeasureText( string );
}

};

init()

Merci de m'aidez si vous le pouvez, et surtout les termes importants et ceux inutiles, ce java sert à faire apparaître du texte lorsque l'on maintien le clique droit de la souris et qu'on le glisse.

Merci d'avance.