P5js es un entorno de programación en javascript, basado en Processing.

Johnny Five es una librería de Nodejs para controlar la placa Arduino con varios módulos para controlar dispositivos conectados a la placa.

Instalación

    1. Instalar nodejs
    2. Descargar la librería
    3. Ingresar al directorio de descarga y ejecutar npm install
    4. Una vez instaladas las dependencias, ejecutar el servidor web: npm start

Uso

  • Usando el editor de P5

Para utilizar el editor de P5 se debe instalar Processing y luego el modo “p5js”:

Al abrir un sketch en el editor, hay dos solapas, una para el javascript y otra para el HTML.

En el archivo index.html hay que agregar dos llamadas a scripts:
<script language="javascript" type="text/javascript" src="http://localhost:4268/socket.io/socket.io.js"></script>
<script language="javascript" type="text/javascript" src="http://localhost:4268/js/app.js"></script>

Estas llamadas deben estar justo debajo de la etiqueta <meta> y antes de las llamadas a las librerias de p5.

En la carpeta “examples” de la librería hay algunos ejemplos de uso.

  • Escibiendo el HTML y Javascript

Si tiene conocimientos de HTML y javascript puede escribir sus propios archivos HTML y Javascript y colocarlos dentro de la carpeta “public”, que se encuentra en la carpeta de la librería.

Ej: Si su archivo se llama sketch.html, se lo debe invocar desde el navegador asi: http://localhost:4268/sketch.html

Referencia

Aquí se encuentra la referencia de la librería de javascript para comunicarse con las clases de Johnny-Five.