P5js > Aléatoire

1.  Fonctions

2.  Exemples statiques

2.1  Couleur aléatoire


// EXECUTER UNE FOIS AU DEMARRAGE :
function setup() { // DEBUT DE LA FONCTION setup()
        createCanvas(512, 512);

        // AJOUTER VOTRE CODE ICI :
        let r = random(0,255);
        let g = random(0,255);
        let b = random(0,255);
        background(r,g,b);


} // FIN DE LA FONCTION setup()

2.2  Ajouter un cercle aléatoire


// EXECUTER UNE FOIS AU DEMARRAGE :
function setup() { // DEBUT DE LA FONCTION setup()
        createCanvas(512, 512);

        // AJOUTER VOTRE CODE ICI :
        let r = random(0,255);
        let g = random(0,255);
        let b = random(0,255);
        background(r,g,b);

        let x = random(0,width);
        let y = random(0,height);
        let d = random(10,40);
        ellipse(x,y,d);


} // FIN DE LA FONCTION setup()

2.3  Mettre la création de l'ellipse dans une boucle


// EXECUTER UNE FOIS AU DEMARRAGE :
function setup() { // DEBUT DE LA FONCTION setup()
        createCanvas(512, 512);

        // AJOUTER VOTRE CODE ICI :
        let r = random(0,255);
        let g = random(0,255);
        let b = random(0,255);
        background(r,g,b);

        // UNE BOUCLE AVEC 100 ITERATIONS :
        for ( let i =0; i < 100 ; i = i + 1) {
                // POUR CHAQUE ITERATION ON VEUT DES VALEURS ALEATOIRES :
                let x = random(0,width);
                let y = random(0,height);
                let d = random(10,40);
                ellipse(x,y,d);
        }

} // FIN DE LA FONCTION setup()

2.4  La couleur des ellipses en fonction de l'itération


// EXECUTER UNE FOIS AU DEMARRAGE :
function setup() { // DEBUT DE LA FONCTION setup()
        createCanvas(512, 512);

        // AJOUTER VOTRE CODE ICI :
        let r = random(0,255);
        let g = random(0,255);
        let b = random(0,255);
        background(r,g,b);

        // UNE BOUCLE AVEC 100 ITERATIONS :
        for ( let i =0; i < 100 ; i = i + 1) {
                // POUR CHAQUE ITERATION ON VEUT DES VALEURS ALEATOIRES :
                let x = random(0,width);
                let y = random(0,height);
                let d = random(10,40);

                // NORMALISER LE # DE L'ITERATIONS
                // ON NORMALISE EN DIVISANT PAR LE MAXIMUM
                let n = i / 100;

                let c = lerpColor( color(0) , color(255,0,0) , n )
                fill(c);
                ellipse(x,y,d);
        }

} // FIN DE LA FONCTION setup()

2.5  La couleur des ellipse en fonction de leur taille


// EXECUTER UNE FOIS AU DEMARRAGE :
function setup() { // DEBUT DE LA FONCTION setup()
        createCanvas(512, 512);

        // AJOUTER VOTRE CODE ICI :
        let r = random(0,255);
        let g = random(0,255);
        let b = random(0,255);
        background(r,g,b);

        // UNE BOUCLE AVEC 100 ITERATIONS :
        for ( let i =0; i < 100 ; i = i + 1) {
                // POUR CHAQUE ITERATION ON VEUT DES VALEURS ALEATOIRES :
                let x = random(0,width);
                let y = random(0,height);
                let d = random(10,40);

                // NORMALISER LA TAILLE DE L'ELLIPSE
                // ON NORMALISE EN DIVISANT PAR LE MAXIMUM
                let n = d / 40;

                let c = lerpColor( color(0) , color(255,0,0) , n )
                fill(c);
                ellipse(x,y,d);
        }

} // FIN DE LA FONCTION setup()

3.  Exemples dynamiques