Please enable JavaScript to use CodeHS

Introducción a la Ciberseguridad en Florida

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

6.1 Cómo empezar

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

6.2 Color

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

6.3 Variables

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

6.4 El bucle de dibujo

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

6.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

6.6 Transformaciones de la forma

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

6.7 Dirección

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

6.8 Datos del mouse

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

6.9 Datos del teclado

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

6.10 Proyecto: Animar un Emoji

  • Proyecto: Animar un emoji

Courses that include this module