Revisión de software elaborada por:
Rodrigo Santiago Suárez. rodromeosolito@gmail.com
DE QUÉ SE TRATA Basado en Processing, p5.js es un entorno de desarrollo gráfico útil para animación, audio, video, estadística y desarrollo multimedia, accesible para personas que no tienen conocimientos sólidos de programación como pueden ser diseñadores, artistas, profesores, niños y/o cualquier persona con interés en tecnologías multimedia.
1
p5.js es un framework, es decir, una librería de JavaScript (lenguaje de programación interpretado, utilizado para desarrollo web) que cuenta con su propio entorno de trabajo. Al ser una librería de JavaScript, es posible utilizar p5.js para crear páginas web interactivas y amigables con el usuario, insertando dentro del cuerpo del HTML el archivo sketch.js que se genera al terminar el desarrollo del objeto multimedia de la siguiente manera: <script language="javascript" type="text/javascript" scr="path/sketch.js"></script> El objetivo principal de p5.js es crear elementos multimedia que puedan interactuar con el usuario por medio de los dispositivos de entrada de la computadora, como pueden ser micrófono, webcam, teclado, ratón, etcétera.
2 Fig. 1 Pantalla de inicio de p5.js. Como se muestra en Fig. 1, al ingresar al editor de p5.js encontrarás el área de trabajo con las dos funciones principales: 1.
Setup ( )
Dentro de esta función deberás definir la dimensión que tendrá la ventana en la que se mostrará el objeto multimedia desarrollado, ingresando el número de pixeles de ancho y alto dentro de la función createCanvas ( ). Además, en esta función es necesario declarar las variables y funciones que vas a utilizar durante el proceso de la siguiente forma:
CÓMO LO PUEDES USAR
tipo_dato nombre_variable;
P5.js es de acceso libre y código abierto. Para descargar el editor y librerías principales se ingresa a la dirección electrónica www.p5js.org; sin embargo, si no cuenta con una computadora propia también es posible trabajar con el editor en línea desde cualquier dispositivo con acceso a internet ingresando a alpha.editor.p5js.org Si decides trabajar en línea, tienes la posibilidad de crear un perfil en el que podrás guardar los trabajos que realizas y acceder a ellos en cualquier lugar y momento.
Variables
Funciones function nombre_función (parámetros){ estructura; return variable; }
2.
Draw ( )
Dentro de esta función podrás decidir el color de fondo que quieres, ingresando dentro de la función background( ) el código de color en hexadecimal.
22 de mayo 2017