Chillin'
Project Info
Q&A
¿Qué haces ahora?
Soy diseñador gráfico y miembro de la facultad en Maryland Institute College of Art, donde enseño principalmente programación (con p5.js y Processing, por supuesto) y motion graphics.
¿Cómo empezaste con p5.js?
He estado usando Processing durante algún tiempo, y cuando apareció p5.js, comencé a usarlo sin pensarlo dos veces porque era fácil convertir el código de Processing existente y compartir proyectos en línea.
¿Cómo usaste p5.js en este proyecto?
Este verano, me di el desafío de hacer carteles tipográficos con programación, y este es uno de los carteles que hice. Hasta hace muy poco, no sabía que podía usar los datos del sensor de movimiento con p5.js. También estaba viendo los video tutoriales de Dan Shiffman matter.js, así que pensé ¿por qué no combinar los dos y practicar lo que estaba aprendiendo?
¿Cuál es tu función favorita de p5.js?
Hay muchas cosas que me encantan de p5.js, como la comunidad en línea y la amabilidad de los principiantes. Lo que realmente me gusta en este momento es el online editor, con el que no solo puedo trabajar en línea para mí, sino también compartir el URL rápidamente en el modo actual. Para este proyecto en particular, tuve que hacer muchas pruebas en mi teléfono, y fue mucho más fácil y rápido que comprometerme con GitHub.
¿Enfrentó algún desafío al trabajar en este proyecto? Si es así, ¿cómo los superaste?
Tuve algunos problemas con el manejo de la fuente, el canal alfa y z-depth en el modo WebGL. Todavía no estoy contento con todas mis decisiones. Pero en general, fue útil buscar en el foro y no olvidar dividir los problemas en otros más pequeños e iterar poco a poco. Además, tuve problemas para renderizar archivos de video directamente desde p5.js. La grabación de pantalla no era una opción debido a caídas de frecuencia de cuadros intermitentes (mi computadora portátil es bastante lenta). Después de investigar un poco, decidí aprender algunos conceptos básicos de Electron y crear una herramienta para mí.
¿Qué es algo cool que deberíamos explorar?
Como se mencionó anteriormente, si desea renderizar cuadros y archivos de video a partir de bocetos de p5.js, consulte mi Canvas Saver boilerplate y hazme saber lo que piensas.
¿En dónde se puede aprender más sobre ti?
@cdaein (Instagram)