Programación creativa 2.0 con JavaScript: animación, sonido y color
Offered By: Domestika
Course Description
Overview
Descubre técnicas de programación creativa para crear imágenes en JavaScript que combinen color, movimiento y sonido
Su herramienta estrella es JavaScript y con ella ha realizado animaciones, láminas y piezas interactivas para clientes como Google, Spotify y Nike. Además, ha sido galardonado con premios como el Adobe Cutting Edge Award y el FITC a la mejor instalación digital.
Este es el segundo curso de Bruno en Domestika. En el primero, Codificación creativa: crea piezas visuales con JavaScript, te enseñará lo imprescindible para programar y dibujar con código desde cero.
«Te enseñaré varias técnicas para realizar visuales atractivos con JavaScript.»
Aprenderás a programar una visualización inmersiva y a realzarla con elementos de sonido.
Desarrollarás composiciones de programación llenas de color.
Animarás tus piezas e incorporarás la interacción del cursor
- Introducción
- La puesta en marcha
- Sesgar
- Curvas
- El sonido
- Partículas
- Proyecto final
Su herramienta estrella es JavaScript y con ella ha realizado animaciones, láminas y piezas interactivas para clientes como Google, Spotify y Nike. Además, ha sido galardonado con premios como el Adobe Cutting Edge Award y el FITC a la mejor instalación digital.
Este es el segundo curso de Bruno en Domestika. En el primero, Codificación creativa: crea piezas visuales con JavaScript, te enseñará lo imprescindible para programar y dibujar con código desde cero.
¿Qué lograrás con este curso?
«Te enseñaré varias técnicas para realizar visuales atractivos con JavaScript.»
Syllabus
- Sobre mí
- Influencias
- Resumen de JavaScript
- La configuración en línea
- La configuración offline
- Boceto de lienzo
- Dibujar un rectángulo
- Dibujar un rectángulo sesgado
- Distribución
- Agregar colores
- Máscara de recorte
- Establecer una semilla aleatoria
- Dibujar una curva cuadrática
- Interacción de cursores
- Puntos múltiples
- Crear una cuadrícula
- Segmentos
- Animación
- Presionando el "Play"
- Analizador
- Frecuencias
- Arcos
- Crear un póster
- Dibujar una sola partícula
- Aplicación de fuerzas
- Distribuyendo las partículas
- Modificación de escala y colores
- Datos de imagen
- Programación creativa 2.0 con JavaScript: animación, sonido y color
Taught by
Bruno Imbrizi
Related Courses
Art AppreciationCanvas Network Introduction to Art: Concepts & Techniques
Pennsylvania State University via Coursera Early Renaissance Architecture in Italy: from Alberti to Bramante
Sapienza University of Rome via Coursera Comic Books and Graphic Novels
University of Colorado Boulder via Coursera Roman Architecture
Yale University via Coursera