15. Los Objetos

 Nueva Sesión del Curso de Programación de Videojuegos con JavaScript

¡Muy buenas y bienvenidos a una nueva sesión del curso! Hoy vamos a sumergirnos en un concepto clave: los objetos y la programación orientada a objetos (POO). ¿Por qué es tan útil? ¡Vamos a descubrirlo!

🔍 ¿Qué es un objeto?

Hasta ahora trabajábamos con variables sueltas. Por ejemplo, si queríamos guardar la posición de un enemigo (coordenadas x e y), terminábamos con un montón de variables como xEnemigo1, yEnemigo1, nombreEnemigo1, etc. ¡Un caos!

Los objetos resuelven esto: son estructuras que agrupan variables (llamadas atributos) y funciones (llamadas métodos) bajo un mismo "concepto".

---

🛠 Creando Nuestro Primer Objeto

Vamos a crear un objeto Personaje como plantilla:

javascript

function Personaje(x, y, nombre) {
  this.x = x;       // Coordenada X
  this.y = y;       // Coordenada Y
  this.nombre = nombre; // Nombre del personaje
}

¡Ahora podemos crear personajes!

javascript

let personaje1 = new Personaje(10, 100, "Frodo");
let personaje2 = new Personaje(220, 380, "Sam");

Cada uno tiene sus propios atributos:

• personaje1.x → 10

• personaje2.nombre → "Sam"

Y podemos modificarlos:

javascript

personaje1.x = 556; // Frodo se mueve a la derecha.

---

⚡ Métodos: ¡Acciones para nuestros objetos!

Los objetos no solo guardan datos, ¡también pueden hacer cosas! Añadamos un método para mover al personaje:

javascript

Personaje.prototype.moverAbajo = function() {
  this.y += 10; // Incrementa la coordenada Y en 10 píxeles.
};

Uso:

javascript

personaje1.moverAbajo(); // Frodo baja 10 píxeles.
console.log(personaje1.y); // Verificamos el cambio.

Y un método para "hablar":

javascript

Personaje.prototype.hablar = function() {
  console.log(`¡Hola forastero! Me llamo ${this.nombre}.`);
};

personaje1.hablar(); // Frodo saluda.
personaje2.hablar(); // Sam saluda.

---

🎮 ¿Por qué esto es útil en videojuegos?

Imagina tener 20 enemigos en pantalla:

• Con objetos, cada uno gestiona su posición, nombre y acciones.

• Con métodos como mover() o dibujar(), el código es claro y reusable.

En la próxima sesión: ¡integramos esto con Canvas para mover gráficos!

---

📢 ¿Te quedó claro? Practica creando tus propios objetos y métodos.
👉 Próximo tema: ¡Dibujando personajes y moviéndolos con el teclado!

#JavaScript #Programación #Videojuegos #POO #AprendeJavaScript