Please enable JavaScript to use CodeHS

Curso mixto de secundaria

Explorar el arte con código

Los estudiantes exploran la intersección entre arte y tecnología creando programas artísticos utilizando p5.js.

Lessons

8.1 Primeros pasos

  • Qué es la codificación creativa
  • Guía de referencia de p5.js
  • Dibujo y formas
  • Crear un Canvas
  • Coordenadas de Canvas
  • +3 more

8.2 Color

  • Color
  • Crear una paleta de colores
  • Conversor de colores Hex a RGB
  • Uso de valores RGB
  • Color de fondo
  • +2 more

8.3 Variables

  • Variables
  • Uso de variables: Ladrillos
  • Creación de variables
  • Reutilización de variables
  • Ancho y altura

8.4 El bucle de dibujo

  • El bucle de dibujo
  • Breve historia de la animación
  • Velocidad de fotogramas
  • Sin bucle
  • Recuento de fotogramas

8.5 Transiciones de color

  • Transiciones de color animadas
  • Gradiente de color
  • Gradiente en escala de grises
  • De escala de grises a color
  • De color a escala de grises

8.6 Transformaciones de formas

  • Transformaciones de formas
  • Traslados
  • Traslados animados
  • Rotación
  • Rotación animada
  • +2 more

8.7 Dirección

  • Dirección
  • Arriba y abajo
  • Izquierda y derecha
  • Diagonal

8.8 Datos del ratón

  • Datos del ratón
  • ratónX
  • ratónY
  • ratónX y ratónY
  • Botón del mouse
  • +1 more

8.9 Datos del teclado

  • Datos del teclado
  • keyIsPressed
  • Códigos clave
  • keyIsDown
  • Tecla

8.10 Proyecto: Animar un Emoji

  • Proyecto: Animar un emoji

Courses that include this module