1.6. Dibujo libre
Además de todas las funciones que nos permiten dibujar formas, en p5.js hay una manera de poder dibujar cualquier forma: indicando todos los puntos que conforman la figura.
A pesar de que los ejemplos del libro son bastante claros (3-18 y 3-19), demos un vistazo a las instrucciones implicadas:
- beginShape() indica el inicio del dibujo libre. Cuidado, no marca ningún punto, se usa para indicar que se empieza el dibujo libre. A esta función le podemos pasar parámetros para cambiar la manera como hace el dibujo. Podéis consultar el manual de referencia para ver sus posibilidades (son unas cuantas).
- vertex() sirve para indicar los puntos que conformarán la figura.
- endShape() indica el final del dibujo libre. Si no le indicamos ningún parámetro, el dibujo quedará abierto. Si le pasamos como parámetro la constante CLOSE, cerrará el dibujo dibujando una línea desde el último punto hasta el primero.
Comentarios
El capítulo 3 del libro finaliza hablando sobre los comentarios. A pesar de que en estos primeros ejercicios pueden parecer poco importantes, lo cierto es que poner comentarios en el código que escribimos es la mejor manera de dejar claro en todo momento qué hacemos o qué queremos hacer en ese trozo de código.
En JavaScript (y por lo tanto en p5.js) los comentarios se hacen poniendo // y escribiendo el comentario a continuación. Todo lo que haya desde // hasta el final de línea se considera un comentario y no se ejecuta.
En los comentarios solemos explicar qué hace ese trozo de código o para qué sirve una determinada operación que hacemos. También se puede usar para que no se ejecute una determinada instrucción. En el libro encontraréis algunos ejemplos de uso de comentarios.