Herramienta en línea: "Procesamiento": programe los gráficos usted mismo

Con Processing, escribe programas de computadora que generan imágenes y animaciones.

Processing es un lenguaje de programación diseñado para cerrar la brecha entre programadores y artistas. Es fácil de aprender y tiene potentes funciones gráficas.
Los programas pueden reaccionar interactivamente al usuario, pueden procesar imágenes de video, introducir elementos como aleatoriedad o ruido, reaccionar a la música y similares. Las obras de arte basadas en el procesamiento ya se han exhibido en el Museo de Arte Moderno de Nueva York y el Museo Victoria and Albert en el Reino Unido. Se utilizó para videoclips y comerciales. El procesamiento en sí se ejecuta en su PC con Windows o Linux. Pero también existe una variante que se ejecuta directamente en Internet, se llama "p5js".
Si desea probar Processing, lo mejor que puede hacer es abrir el editor en línea de P5js en esta dirección: editor.p5js.org. A la izquierda puede ver el área en la que está escrito el programa. Allí ya se dan algunas líneas de código. A la derecha puede ver los resultados de este código.
Empiece con algo muy simple. Por ejemplo, puede obtener una línea recta con este comando:
línea (ancho / 2, 0, ancho / 2, alto);
Copie el comando en el editor en línea en la función Dibujar para que la función se vea así:

function draw () {
fondo (220);
línea (ancho / 2, 0, ancho / 2, alto);
}
Si ahora hace clic en el botón de reproducción en la parte superior izquierda, aparecerá una línea vertical en el área derecha. ¡Ya ha escrito su primer programa de procesamiento y lo ha puesto en marcha!
Si le gusta el sistema, descargue Processing para su sistema operativo y explore los ejemplos proporcionados, que se pueden encontrar en el menú "Archivo". ¿Qué tal un efecto de partículas, por ejemplo? Puede encontrar esto en los ejemplos en "Demos / VGraphics / Particles". Cargue el ejemplo y haga clic en el botón "Reproducir" en la parte superior izquierda. Aparecerá una ventana negra en la que puede usar el mouse para distribuir chispas blancas.
más sobre el tema