Leggibilità del codice: indentazione


  function draw() {
/*1*/    /**/background(0);   
/*1*/  /**/line(x, y, width, y);  
y = y - 1;
/*1*/  /**/if (y < 0) {
/*1*/     /**/y = height;
/*1*/  /**/x = 0;
}
/*1*/  /**/}
/*1*/   /**/function mousePressed() {
/*1*/  /**/loop();
}


  function draw() {
/*1*/    /**/background(0);   
/*1*/    /**/line(x, y, width, y);  
/*1*/    /**/y = y - 1;
/*1*/    /**/if (y < 0) {
/*1*/        /**/y = height;
/*1*/        /**/x = 0;
/*1*/    /**/}
}
function mousePressed() {
/*1*/    /**/loop();
}

Nel secondo caso, usando meglio l’indentazione, si può rendere più evidente che ci sono due funzioni principali e un if() interno con due istruzioni.

Molti editor di codice permettono di sistemare automaticamente sia gli spazi a inizio riga che quelli fra gli elementi delle istruzioni. Con il p5.js Web Editor è possibile utilizzare il comando “Edit / Tidy Code”.