Sesión 02: Formas, escenas y programación orientada a objetos

Objetivos

• Combinar figuras de p5.js para construir composiciones completas.
• Organizar una ilustración por capas usando orden de dibujo.
• Representar imágenes con una matriz de píxeles en texto.
• Crear una clase Persona para reutilizar un dibujo.

Recorrido

1. Revisa collision-ball para practicar movimiento, velocidad en ejes X/Y y rebote en los límites del lienzo.
2. Analiza landscape para entender cómo superponer cielo, montañas, lago, casa y detalles con figuras primitivas.
3. Explora pixel-art para transformar una matriz de caracteres en cuadrados de color con bucles anidados.
4. Cierra con poo-persona, donde una clase modela una figura humana y permite dibujar muchas instancias.

Sketches de la sesión

• Abrir sketch de pelota con colisiones (collision-ball)
• Abrir sketch de paisaje por capas (landscape)
• Abrir sketch de pixel art con matriz (pixel-art)
• Abrir sketch de clase Persona (poo-persona)

Ejercicio final

Combina una figura en movimiento, una escena por capas y un personaje reutilizable en un único sketch. Explica qué variables controlan el cambio en pantalla, qué orden de dibujo necesitas mantener y qué parte del código conviene encapsular en una clase.

La secuencia completa, la práctica guiada y las referencias se encuentran en el README de la sesión.