// l� ou on dessine.
let ctx;

// pour centrer la spirale
let decalX = 300;
let decalY = 300;

// pour la forme de la spirale
let MIN_SPIR = 100;
let MAX_SPIR = 300;
let nbCercles = MIN_SPIR;
let angleDepart = 0;
let incrementAngle = Math.PI / 60;

// start (body.onload)
function dessine() {
    let canvas = document.getElementById("spire_id");
    ctx = canvas.getContext("2d");
    dessineSpirale();
}

function dessineSpirale() {
    // on centre
    ctx.translate(decalX, decalY);

    // on �crit � partir du centre.
    ctx.moveTo(0, 0);

    //------------------------------------
    // init
    // 
    // la pas qui fait grossir le cercle.
    let incrementTaille = 0.9;
    // la taille de d�part
    let taille = 0;

    // l'angle qui va �voluer pour tourner en rond
    let theta = angleDepart;

    // Le nombe de tours
    let maxLoop = nbCercles * Math.PI;

    // La taille du cercle
    let k = nbCercles / MAX_SPIR;

    // la spirale    
    while (theta < maxLoop) {
        ctx.lineTo(k * taille * Math.cos(theta), k * taille * Math.sin(theta));
        theta += incrementAngle;
        taille += incrementTaille;

    }
    ctx.stroke();
}




