No entiendo esa gamba de new Image ;-; ¿A qué se refiere con crear una nueva definición de obejto? :'v

En el video 21 y 22 de este curso hay un tema llamado CLASES e instancias, que habla sobre agrupar características similares de variables distintas. Ahí lo tendrás más claro que es lo que hizo Freddy. . Mi explicación no técnica es que Freddy creó objeto vacío de tipo imágen -new Image()- que sería una "familia" exclusiva de imagenes. Y ya habiendo hecho esto, a ese objeto le suma el atributo "src" y le conecta con la variable de inicio (vaca.url). El resultado es: vaca.imagen.src = vaca.url; . vaca.imagen son ahora un objeto que trata sólo de imágenes . src es un atributo que trata sobre la fuente del archivo imagen . vaca.url es la variable inicial y uno de sus datos . url = vaca.png que es el nombre del archivo

Hola Jesus,

Un objeto es una colección de elementos que tienen una propiedad y un valor. En este caso, se creo un objeto llamado Image para insertar las nuevas imágenes desde JavaScript y no desde HTML. Freddy creó un objeto vacío para ir añadiendo imágenes, pero así es como se ve un objeto realmente en JS:

var persona = {
  nombre: 'Jesus',
  edad: 90,
  intereses: 'programación',
}

Para poder acceder y modificar a esos objetos debes hacer algo así:

persona.nombre

Entonces, Freddy al crear un objeto vacío lo que hizo fue agregarle un nuevo valor a su propiedad image con src, por lo tanto resultó esto:

var image = {
	src: 'tile.png' //(que es la variable mapa)
}

Y así sucesivamente fue añadiendo nuevas imágenes.

Si no lo entendiste muy bien, no te preocupes. Cuando termines este curso puedes ir a la Escuela de Desarrollo Web y entenderás todo mucho mejor.

Saludos y ánimos :)