Codificación creativa: crea piezas visuales con JavaScript

Descubre la codificación creativa y no tendrás tiempo para aburrirte: siempre hay algo con lo que experimentar, nuevas técnicas que aprender e imágenes que crear. Para el codificador creativo Bruno Imbrizi, es la oportunidad perfecta para combinar la programación con su interés por los motion graphics y los elementos visuales. Ha trabajado para pequeñas agencias y también para conocidas marcas como Dell, Adidas y Universal Music.

En este curso, Bruno compartirá contigo su experiencia para ayudarte a crear impactantes piezas visuales mediante código. Explora los fundamentos de la programación y aprende a dibujar con codificación creativa en JavaScript.

¿Quieres ir más allá y ampliar tus conocimientos de programación? Echa un vistazo al segundo curso de Bruno, Programación creativa 2.0 con JavaScript: animación, sonido y color, donde te enseñará técnicas más avanzadas para crear composiciones con códigos de color, movimiento y sonido.

Empezarás conociendo a Bruno Imbrizi, tu profesor en este curso, que te hablará de sus inicios en el diseño gráfico y de cómo combina esta disciplina con su interés por la programación. Luego, descubrirás qué plataformas le gusta usar y por qué, además de la gente que ha influido en su trabajo.

En la segunda unidad, explorarás los fundamentos de la codificación. Bruno te enseñará a configurar las herramientas principales antes de repasar conceptos de programación como variables, funciones, arrays y bucles. Más tarde, te indicará cómo mejorar tus ajustes antes de empezar una colección de dibujos.

A continuación, crearás un nuevo boceto digital usando varias transformaciones del lienzo. Después, aprenderás a usar trigonometría para distribuir formas alrededor de un círculo. Descubrirás cómo cambiar el tamaño de los bocetos y verás cómo usar funciones de utilidad que te ayudarán en tus siguientes diseños.

Entonces, para finalizar tu boceto, añadirás arcos y jugarás con diferentes valores en tus parámetros. También, diseñarás un boceto animado con agentes que se moverán sobre el lienzo y aprenderás a dibujar líneas entre ellos según su proximidad antes de pasar a exportar tu animación como un archivo de vídeo que podrás compartir online.

Llegado ese momento, volverás a revisar tu cuadrícula y descubrirás cómo hacerla más flexible y eficaz. Así pues, usarás generadores de ruido para mejorarla. Además, crearás un pequeño panel de control que te permitirá actualizar tus bocetos en tiempo real.

Por último, descubrirás cómo trabajar con texto en tus composiciones. Bruno te mostrará cómo dibujar, medir y establecer las propiedades de fuente antes de explicarte cómo actualizar tus letras usando solo el teclado. Para concluir el curso, aprenderás a leer valores cromáticos y le darás los últimos retoques a tu dibujo final.

Diseñarás una serie de composiciones visuales creativas que se pueden ejecutar en un navegador web mediante código.

Este curso está dirigido a cualquier persona interesada en la programación y en la creación de imágenes mediante código.

Se recomienda tener conocimientos básicos de matemáticas.

También necesitarás un computador con Node.js, un navegador web y un editor de texto.

Sistemas operativos:

⦁Linux
⦁SmartOS
⦁macOS 10.7 o superior
⦁Windows 2008 o superior

Requisitos del sistema:

⦁4GB RAM
⦁10GB de espacio libre