Entradas

Mostrando entradas de enero, 2018

Ejemplo Processing P5.js

Imagen
Se utilizó la versión web de processing para mostrar un ejemplo. Este ejemplo se encuentra desplegado en  https://codepen.io/adelavegaf/pen/jZOeOB . Como se evidencia del codepen, son una serie de objetos en 3D rotando. Para poder utilizar la versión web de processing, solo hay que incluir una serie de tags al html con las librerias. Al incluir estos tags en el html principal, podemos comenzar a utilizar las funcionalidades que nos provee P5.js desde nuestros archivos de JavaScript. Para hacer uso de las funciones, creamos un nuevo archivo de JS donde llamaremos las distintas funciones. Este archivo lo llamaremos Sketch.js. Se debe agregar un tag ubicando a este archivo en el html antes de que podamos usarlo. El tag debe estar ubicado después de los tags de las librerías de P5.js. En el archivo Sketch.js vamos a utilizar las dos funciones más importantes de P5.js: Setup y Draw. Setup se llama solo una vez, su rol es crear todo los objetos necesarios para que funcione ...