Introducción a JS: dibujo y animación
En estas lecciones vas a aprender cómo usar el lenguaje JavaScript y la biblioteca ProcessingJS para crear dibujos y animaciones divertidas. Si nunca antes has programado, ¡empieza aquí para aprender a hacerlo!
Solicitudes de ayuda
Evaluaciones de proyecto
Preguntas de la comunidad
Todo el contenido en "Introducción a JS: dibujo y animación"
Introducción a la programación
Si esto es nuevo para ti, mira primero este video introductorio. ¡Después comienza a escribir código!
Conceptos básicos de dibujo
Te mostraremos los fundamentos de la programación y cómo dibujar figuras.
Coloreando
¡Te mostraremos cómo colorear y delinear tus figuras!
Variables
Cubriremos cómo utilizar variables para almacenar valores, animar tus dibujos y más.
Conceptos básicos de animación
Aprende cómo animar tus dibujos.
Cambiando el tamaño con variables
Aprende cómo utilizar expresiones variables para cambiar el tamaño de las partes de tu dibujo en relación a otras partes. (Esto requiere un poco más matemáticas, así que si sientes que aún no tienes una buena comprensión de las fracciones, puede saltarte esto).
Texto y cadenas
Aprende cómo mostrar texto en el lienzo, cambiar su tamaño, colorearlo y animarlo.
Funciones
Haz tu código más reutilizable agrupándolo en funciones, permite que tus funciones acepten parámetros y regresen valores.
Lógica y declaraciones if
¡Enseña a tu programa a tomar decisiones!
- Declaraciones if
- Desafío: pelota que rebota
- Mas interacción con el ratón
- Desafío: tu primera aplicación de pintura
- Booleanos
- Desafío: analizador de números
- Operadores lógicos
- Desafío: tu primer botón
- Desafío: botón más inteligente
- If/Else - parte 1
- Desafío: tarjetas didácticas llamativas
- If/Else - parte 2
- Repaso: lógica y declaraciones if
- Proyecto: Bola 8 mágica
Haciendo bucles
¿Repitiendo algo una y otra vez? ¡Los bucles están aquí para ayudar!
Arreglos
¡Almacena múltiples valores en tus variables con arreglos!
Objetos
Aprende cómo almacenar datos complejos en objetos.
Diseño orientado a objetos
Cómo utilizar conceptos orientados a objetos en JavaScript para hacer código más reutilizable.
Convirtiéndote en un mejor programador
Ahora que entiendes los fundamentos de la programación, aprende técnicas que te ayudarán a ser más productivo y a escribir un código más hermoso.