Fundamentos de Programación

1

Bienvenida a Platzi: ¿qué necesitas para tomar el curso?

2

Programación en Navegadores: Primeros Pasos

3

Crea tu primer sitio web

4

Sitios web con HTML

5

Estructura de árbol en HTML

6

Instalando tu primer editor de código

7

Cómo declarar variables y usar prompt

8

Algoritmo de piedra, papel o tijera

9

Algoritmo avanzado de piedra, papel o tijera

10

Aleatoriedad

11

Refactor del código usando funciones

12

Ciclos

13

Gana 3 veces

14

Archivos de HTML y JavaScript

15

¿Qué es el DOM?

Quiz: Fundamentos de Programación

Desarrollando un juego con HTML y JavaScript

16

Maquetación con HTML

17

Sección de elegir mascota

18

¿Dónde ubicar la etiqueta script? Conectando HTML con JavaScript

19

Escuchando eventos con JavaScript

20

addEventListener

21

Manipulación del DOM

22

Enemigos aleatorios

23

Ataques en JavaScript

24

Ataques aleatorios del enemigo

25

Imprimiendo ataques del enemigo

26

¿Ganaste, perdiste o empataste?

27

Tablas de verdad

28

Creando el contador de vidas

29

¿Quién ganó el juego?

30

Reiniciando el juego

31

Ocultando elementos HTML con JS para mejorar la UX del juego

Quiz: Desarrollando un juego con HTML y JavaScript

Estilos con CSS

32

Anatomía de CSS

33

Tipos de display

34

Flexbox

35

Modelo de caja

36

Imágenes para los Mokepones

37

Estilos del botón

38

Adaptando HTML al diseño del juego

39

Layout: título y ataques

40

Adaptando JavaScript al diseño del juego

41

CSS Grid

42

Responsive Design

43

Detalles finales

Quiz: Estilos con CSS

Optimización de código

44

Revisión de código

45

Don't repeat yourself (DRY)

46

Clases y objetos

47

Clases y objetos de Mokepon

48

Arrays o arreglos

49

Objetos vs. arreglos

50

Ciclos: manipulando el DOM con iteradores

51

Declaración lenta de variables

52

Una sola fuente de la verdad

53

Mascotas aleatorias con arreglos

54

Ataques dinámicos por cada mascota: extraer

55

Renderizado dinámico en HTML

56

Eventos de click dinámicos

57

Secuencia de ataques del enemigo

58

Iniciando el combate

59

Resolviendo el reto de condicionales

60

Optimizando el frontend del juego

Quiz: Optimización de código

Mapa con canvas

61

Introducción a canvas: dibujando con JavaScript

62

Moviendo a Capipepo hacia la derecha

63

Movimiento hacia todas las direcciones

64

Movimientos con el teclado

65

Imágenes y personajes de fondo

66

Métodos en las clases

67

Obstáculos y colisiones

68

Combate entre mokepones colisionados

69

Mapa responsive

70

Botones bonitos y viewport

Quiz: Mapa con canvas

Backend: videojuego multijugador

71

¿Qué es backend?

72

Instalación de Node.js y NPM

73

Terminal de comandos y Node.js

74

Servidor web con Express.js

75

HTTP, localhost, servidores y puertos

76

Express.js y fetch: API REST con JavaScript

77

JSON y POST: mokepon online

78

Transmisión de coordenadas

79

Mokepones dinámicos en el mapa

80

Optimizando el mapa del juego

81

Batalla entre jugadores

82

Consumiendo la API de ataques del enemigo

Quiz: Backend: videojuego multijugador

Próximos pasos

83

Probando el juego en varios dispositivos

84

¿Y ahora qué curso tomar?

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

¿Y ahora qué curso tomar?

84/84
Recursos

Aportes 129

Preguntas 24

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Like si tienen el Diploma del PRIMER CURSO DE PROGRAMACIÓN básica 😎😎😎

Like los que acabaron este curso en 2022 💚

Un mes haciendo el curso, no entiendo como algunos los “terminaron” en un par de dias pero bueno XD
Me gustaría compartir mi codigo pero esta un poco desordenado aun, así que dejo un par de capturas mientras hago la v 2.0 😄

Acá empieza realmente la carrera de muchos y es el inicio de futuros desarrolladores, emprendedores, marketers, etc. y es donde empieza la magia de esta industria. Éxito a todos en sus carreras y vidas que si siguen aprendiendo sin parar, el día de mañana serán quienes guíen nuestro mundo.

¿Alguien más ya lleva años programando pero se hizo el curso por gusto XD? Me encantan estos profes

Suerte a todos en su exámen ojalá lo pasen!!! y sigan con el curso de git y github les va a servir mucho! 💪💚

cuando logre desarrollar un proyecto que quiero realizar en web y llevarlo a móvil ese día gritaré por todo lo alto "lo logré" y lo haré tan fuerte que haré que mi familia se enorgullesca de mi

Por fin termineeee y con muchos bugs kdalsjdklsajdklasjda
En fin, los corregiré, pero por ahora a seguir aprendiendo! 😄!

Felicitaciones a todo el equipo de Platzi por crear tan increible curso y totalmente gratuito, el nivel de producción, conocimientos, edición, etc es digno de aplaudir, con este curso muchos empezarán su ruta en programación!. Recuerden, nunca paren de aprender 💚

La energía que tiene el profe Juan es tremenda!!

freddy me pone nervioso :v

Felicitaciones a todos los profesores, que hicieron parte de este curso muy bueno. Ya que para mi fue el nitro de seguir con esta bonita carrera de programación, y a mi compañeros tambien les doy las gracias ya que a veces no entendía algo y miraba el chat.

Ya esto no es seguir un sueño es una meta, NUNCA PARES DE APRENDER:))

Cuentenme los que ya son desarrolladores, ¿que cosa nueva aprendieron? ¿Cúal fue eso nuevo que aprendieron y que dijeron: “wow tantos años programando y eso no lo sabia”?

Empiezo yo: el tema del canvas no lo conocia muy bien, me gusto mucho aprender ese tema. 👍

Excelente curso! sabia cero de programación y esto me ha ayudado mucho a tener las nociones de front end y backend. Lo culminé aproximadamente en mes y medio. Felicito a todos los prof. en especial a @Juan porque explica de una forma muy entretenida y responde todas las dudas

Que genial curso!, El primer comentario del final!
Saludos a todos, espero hayan aprendido un montón.
¡¡Nunca paren de aprender!! 😎

El curso esta muy bueno jejej
like si lo completaron

¡¡¡ GRACIAS PLATZI !!!
Dios los siga bendiciendo 😃
Vamos por más, esto recién comienza.
NUNCA PARAR DE APRENDER 💚
Sueño con tener mi Startup y ser el primer unicornio de mi país, soy de Bolivia 💓💛💚

Fase 1 terminar todo el curso.

Fase 2 Reparar el código.
(La fase 2 solo se detiene en caso de emergencia… Llorar no es considerado una emergencia)

terminé todo el curso usando windows 7 32 bits xd

A punto de dar el examen…DENME SU FUERZA MUCHACHOS!!!

Increíble !!!
Se supone que esto es programación Básica y es gratis pero este curso va mas allá, estoy muy contento, este curso me enseño el camino para entrar a la industria de la tecnología !!!

💚💚💚💚💚💚💚💚💚💚

Estoy fascinada con este curso en serio se nota una gran diferencia con el primero, todos los profes increibles, muchas gracias por tanto. Mi juego tiene algunos errores pero por estos dias mis cerebro esta frito. Me despejaré haciendo algunos proyectos pequeños y volver con todo. Ya me cambie de carreraaaaaa !!! Entonces debo estudiar para mis nuevas materias CURSO DE MATEMÁTICAS DISCRETAS VOY POR TI 😍 Saludos y abrazos a cada persona que ha hecho y hace posible todo esto. PD: Algún dia los conoceré :3

Felicitaciones al equipo de Platzi por este curso excelente! 💚

Fredy Vega es una inspiración para mi, como diría un niño pequeño, cuando crezca quiero ser como el 😃

Uff este curso es como pasarse el Dark Souls pero una ves que lo terminas y pasaste por todas las dificultades UFFFFF que bien se siente, muchas gracias a todos los profes!!

Les contaré cómo empecé este curso y que gracias a la dedicación que le di y a Dios, hoy 17 de agosto del 2022 lo culmine, veía un curso en Udemy Academy de full stack que por cierto es bueno el curso, pero había una clase que no entendía un tema y decidí autodidactamente ver en Youtube unos tutoriales para profundizar más, en unos de los vídeos que me salieron en Youtube había uno que no tenía nada que ver con el tema jaja pero me dio mucha curiosidad, era un vídeo de platzi, donde Juan David explicaba como hacer el juego de piedra papel o tijeras en 10 minutos o algo así era el vídeo, el punto es que en el vídeo me vendieron un curso el cual es este, de programación básica gratis y yo ingresé y empecé a ver las clases y yo super encantado, sentí que estaba aprendiendo muy rápido y que eran conocimientos que me iban a perdurar, o mejor dicho que me perdurarán bastante, y ahora me encuentro orgulloso de mí mismo pq aprendí mucho con este curso, y ahora tengo que retomar el que estaba viendo de udemy que es un poco más avanzado y bueno también hay muchos más cursos que quiero hacer tanto aquí en platzii como en Udemy, estoy encantado de este curso, gracias a todos 🤟🏼

https://estebanchica07.github.io/Mokepon-V1/
https://github.com/estebanchica07/Mokepon-V1

Hola compañeros, con emoción comparto mi código en Github y unas imagenes de los resultados obtenidos. Siento que la útilma parte del curso enrendó todo un poco pero creo que es tiempo de avanzar, fueron muchos los conocimientos adquiridos en este viaje y agradezco a todos los profes sus enseñanzas.



![](chicoss de los comentarios , su ayuda fue fundamental para que muchos llegáramos aquí 💚 se merecen todos un postre de limón y tres leches. de no ser por ustedes me hubiera quedado en este bucle:

Sin duda este curso cuando empecé a aprender a programar hubiera sido fundamental y me hubiera evitado muchas perdidas, pero pues en costo beneficio de tiempo y material pues ya aprendí en otros lados más de la mitad del curso y tocan temas que prefiero profundizar xd.

Pero el curso está excelente para personas que apenas inician, intermedios o incluso avanzados con tiempo libre, practicas muchas habilidades en un proyecto divertido

Gracias por este curso gratis, aprendí muchísimo. Estuvo tan bueno que ni siquiera no tener internet en mi casa me detuvo de verlo, hasta le pedí la contraseña del wifi a mi vecina. Saludos desde Venezuela, Dios los bendiga. A seguir aprendiendo, una sola persona, ni un solo libro, ni un solo curso tiene todas las respuestas que buscas, así que a seguir buscando respuestas tomando lo bueno y provechoso que cada recurso aporta

Pregunta y aporte:

Reto culminado, de aquí tengo claro que salgo para el curso de Git y Gihub, pero después no estoy segura con que seguir, cuantos de uds están en las mismas? Que hicieron para saber que están escogiendo bien su lugar en el mundo de la tecnología?
Para conseguir trabajo tengo experiencia en data analyst pero tengo una vocesita dentro que me dice que me valla por el Frontend, la gente te pregunta ¿Qué te gusta ? pero al ser tan nueva en esto es como si me pidieran opinion de varios platos en un restaurante que es completamente nuevo para mi

Viendo la ultima clase, y aún no enendí la primera.

Grandes!!!

Se agradece que este curso sea gratis, creo que sirve bastante para empezar a generar una visión general de lo que es la programación, como interactúan los diferentes scripts de diferentes lenguajes, además de ir aprendiendo cierto vocabulario y técnicas muy útiles. Ahora lo negativo es que creo que hay momentos en los que va demasiado rápido, y cuesta mucho entender lo que esta pasando en el código, limitándote a una dinámica de solo replicarlo sin generar errores de tipeo. El resultado final del juego fue un poco decepcionante, teniendo en cuenta la duración del curso y la profundidad de algunas clases, creo que el curso se podría balancear, y lograr un juego un poco mas pulido. A pesar de todo esto, no deja de ser un buen curso teniendo en cuenta que es gratis. Muchas gracias

We F**king did it! :’)

cambien anime por curso : )

Felicitaciones para todos los profesores y quienes colaboraron en la elaboración de este gran curso.
Y para los iniciados bienvenidos, esto es solo una pequeña parte de lo que encontraran en esta gran comunidad.

este curso me ayudo mucho, como hacer algo completo fue genial, me dio muchas ideas, para hacer en otros codigos, se pude hacer el mismo juego en java python, cuando puede conectar para que puedieramos jugar con el wifi de la casa fue algo super genial la verdad me exploto la cabeza y me motivo muchisimo.

Estuve detallando todo el contenido del curso y esta una maravilla omee 😄😄, agregado en mi ruta de aprendizaje!

Muchas gracias por el curso. Aprendi muchisimo pero siento que es solo el comienzo. Hay que practicar, practicar, practicar y desde luego seguir estudiando. Plantaron la semilla
<https://mokepongamealpha.000webhostapp.com/> Decidi tomar y mejorar mucho mas el proyecto, aun sigue en desarrollo
Fue un placer compas les dejo mi GitHub del proyecto que realice 🥳: <https://github.com/miguelmallquidiaz/Platzi-programacion-basica>
Hola ya termine el juego pero a veces me sale este error, pasa siempre que hay un delay en una de las pantallas: ![](https://static.platzi.com/media/user_upload/6e76853d-3bf5-45f3-a62b-83996c657913-d65dd6e4-bf5c-4114-9924-5a0788033548.jpg)
Esta clase es simplemente el mejor crossover de la historia.

Primero que nada y antes que todo, quiero agradecer a cada uno de los profesores de este curso, por brindarnos su tiempo y conociemiento🫶

#NuncaParesDeAprender💚

Juan! me encanta como te comunicas.

Vamos a sumar mas empresas a esos 4!
😃

Si llegaste hasta acá, felicidades.

El proceso :
Todo empezó hace casi 3 semanas.

y Aqui estamos finalizando


Volveré por uds bugs 😅 cuando aprenda mucho más.

Gracias por el curso básico de Full Stack

Gracias por el curso, ahora si a presumirlo con nuestros conocidos.

Les mando un saludo a todos los docentes y los estaré viendo en sus cursos para seguir aprendiendo con ustedes y darles dolores de cabeza (también aporto en los comentarios 😎).

Ánimo.

muchas gracias aprendi muchisimo, este es apenas el principio pero tengo fe de que llegare lejos. 😃

Algo a tener en cuenta: estoy por cumplir 1 año en Platzi, y cambiaron 3 veces el listado de cursos dentro de la Escuela de Videojuegos. 2 de esas 3 veces me retrocedieron el puntaje que llevaba completado. No se si pasa lo mismo con el resto de las escuelas, pero personalmente resultó frustrante ver mi avance disminuido. Incluso luego de escribirles por mail, lo único que recibí fue un mail genérico y ninguna respuesta concreta. Les recomiendo guardarse algun tipo de listado al empezar una escuela, para saber que cursos agregaron o quitaron cuando vuelvan a hacer estos cambios.

gracias platzi por este cursó tan maravilloso ❤️ apenas estoy empezando y con este curso me abrió más la mente sobre lo que es la programación, muchas gracias ❤️🎉🥇

Yo viendo solo el ultimo video, nomas pa saber de que trata👧🏻😎

Gracias Platzi por la oportunidad de aprender con ustedes! Aquí finaliza este curso, pero se inicia un mundo nuevo para los que queremos ser desarrolladores. Gracias 💚

gracias por las clases , no sabiendo nada de programación logre terminar el curso en 3 meses pero lo volveré a repetir desde el inicio para entender mejor porque cada vez que repetía una clase entendía mejor .
también gracias a los compañeros que animaron a seguir y a sus aportes de cada uno grande 🤩

Cuando empecé con esto, solo había pensado en programar. Y efectivamente!

Programé mucho. Sin embargo, me di cuenta de mas cosas.

1.- Freddy TENIA RAZÓN.

Aunque sea desafiante, amenazante y sobre todo emocionante, no siempre vamos a hacer todo este proceso. La mayoría de las veces vamos a llegar a paginas o aplicaciones ya hechas. Y vamos a leer mucho código ya funcional. Pero eso no significa que no sepamos hacer eso que leemos.

2.- La importancia de planificar la aplicación.

Conforme íbamos trabajando, se hicieron muchas modificaciones que se pudieron evitar sabiendo a donde queríamos llegar.
Sin embargo, así es el mundo real. Durante la marcha hay cambios.
Y también las aplicaciones crecen y deben optimizarse.

En pocas palabras, esta fue una probada de la realidad. Grandioso curso!
Ya quiero especializarme!
Mucho a éxito!
Vamos por mucho más!
👨‍💻🤓🥳💦🌱🔥

Quiero felicitarnos a todos en general quienes llegamos hasta esta última clase, pese a los múltiples errores que tuvimos en el código nunca nos echamos para atras, toda esa disciplina y perseverancia demuestran que tenemos habilidades y destrezas que hay que aprovechar, no se rindan nunca y recuerden que luego de la tormenta siempre viene la calma!

Dos meses para terminar el curso, pero se aprendio algo !!!

Un grandioso curso, gracias A los profesores y a seguir aprendiendo 😃

termine todo a la perfeccion, a lo que sigue…

super emocionado la verdad pense que no hiba apoder muchas veces me rendi pero al otro dia estaba con mas fuerza y logre despues de 1 mes jajajajajja creo que necesito unas vacaiones

Gente subí mi primera página es el piedra papel o tijera pero mejorado con botones acá el link
Piedra, papel o tijera

Excelente curso bendiciones.

Excelente Curso, la verdad me dejo sorprendido como evolucionamos con el conocimiento, los catedraticos saben del tema y lo describen de una forma facil de comprender… cambiemos el mundo gracias a Platzi !!!

Buenisimo

Lo que es freddy y juan david, me inspiran mucho, enseñan muy bien

Muchas muchas gracias por este curso!!! 🙏🙏🙏

excelente curso!!

jajajaja el niño se puso nervioso cuando llego el patron
que le paso a timothi chalamet
consulta, por que cuando levanto o ejecuto primero en mi celular y luego en mi pc, la de mi celular entra en combate inmediatamente, pero según veo en mi pc ni siquiera estamos cerca.![](https://static.platzi.com/media/user_upload/image-fda7830c-ae83-48df-8608-5789fd33c05e.jpg)
Durante mucho tiempo me negaba rotundamente a aprender a programar por muchos motivos, pero gracias al curso y lo emocionante que fue, creo que he encontrado algo muy genial para seguir aprendiendo, de verdad Genial el curso,
un placer hacer el curso con todos ustedes, terminamos!!!!
Lo he logrado, mil gracias, realmente maravilloso. gracias Fredy y equipo Platzi
la idea de conectar a una base de datos esta interesante
ahora si lo logre :D la otra vez no complete el proyecto aunque tiene detallitos pero funciona tal cual :)
Me encanto este curso, recomendable

localhost 777

😊 Si vas a renovar o activar tu suscripción anual en Platzi, 😊 Con el siguiente enlace 😎 👉🏼 https://platzi.com/r/WDRoa 👈🏼 😎 puedes adquirir un mes adicional ¡GRAAATISS! 😱😱😵😵😍😍🤤🤤

SUPER INTERESANTE EL CURSO , RECOMENDABLE

Fueé un curso muy completo, muy retador!!! Y aunque hubo ciertas cosas que no me gustó (como la falta de respuestas en el curso), creo que ha sido buena idea adquirir acceso a platzi… Gracias a todos los profesores y sobretodo al prf @Juan David Castro Gallego, realmente siento que le aprendo demasiado a el.

Bonita Comunidad de Platzi

Estoy muy emocionado de que al fin todos nosotros logramos superar este gran reto. 🥹

Este no es mi primer programa, pero ha sido el que mayor tiempo, esfuerzo y conocimiento he invertido. 😎

Actualmente estoy por cursar a 4to semestre en Ingeniería en Cómputo y de hecho apliqué todo lo que he aprendido sobre programación y más. 🤘

Estoy muy emocionado por mi programa. 😌

Felicidades a todos los que aprobaron este grandioso curso. 🥳🎉

Recuerden, Platzinautas, NUNCA PAREN DE APRENDER

Recomendaciones


Además de todos los cursos que Freddy, Juan y los demás profesores nos llegaron a recomendar, les quiero recomendar algunos de los que he tomado.

Más recursos


Les dejo una lista en donde vienen mis notas, plataformas y canales que recomiendo para nunca parar de aprender:

Mis recursos

Puenden echarle un vistazo al código fuente por si quieren aprender sobre MarkDown y LaTex.

Quizá en un futuro abra mi propio sitio web en donde publique todas mis notas y demás.

Se logro acabar, casi me rindo a la mitad pero lo logre. 🥳🥳🥳

muchas gracias a todos ❤️

Este curso se me hizo mucho más pesado de lo que estaba acostumbrado a que fuese un “curso básico” de programación. Muchas cosas no entendí, tuve errores particulares que me tomó un rato encontrar, muchos fueron errores ortográficos, falta de declarar alguna variable o función entre otros. a pesar de no entender todo al 100, por que entiendo este curso buscó abarcar muchas más cosas que el anterior, si veo que funciona para darse una empapada de todo y buscar algo que nos interesa para tomar esos cursos más enfocados en ciertos temas.

Esto no es un camino fácil, y lo digo por que igual sigo teniendo muchas dudas en cuanto a programación, sigo estando en nivel básico, pero es algo que requiere dedicación y persistencia, no rendirse al primer error, al primer tema que no se entiende, y si de verdad deseamos superar esas barreras, seguir estudiando, investigar la información necesaria, y muy importante, pedir ayuda a alguien que sepa más que nosotros.

Es muy fácil rendirse, yo lo he hecho muchas veces, pero para alcanzar algo, requiere esfuerzo y sacrificio, enfocar nuestra mente y dedicación para lograr algo que por eso nos lo propusimos, cada quien a su paso, esto NO ES UNA COMPETENCIA, es aprender. Espero que si alguien lee esto, le sirva para continuar.

Buenisimo el curso, no parece basico y eso lo hace padrisimo, lo unico que queda a deber es la parte de backend pero bueno

voy a llorar :, )

Noten como el profe Juan no se queda quieto, habla con las manos, mientras que Freddy nunca las suelta , el profe Juan me representa lol , ojala algún día trabajemos juntos tqm.

Muchas gracias Platzi!

Gracias a Platzi por el inicio de un sueño una carrera

Felicitaciones a todos los que lo han terminado! Llegar hasta aquí no fue fácil! Así que nos felicito!

A los profes gracias por la candidez, la emoción, los dolores de cabeza y las veces que quise dejar todo y su forma de enseñar me hicieron seguir. Estuve internada en UTI y este curso me ayudó a salir cuando no podía levantarme de la cama al volver a casa, fue la excusa para salir de la cama a diario. Les debo mas que la enseñanza.

Y a Patzi en general, Gracias por el alcance a vs cursos.

Para que les funcione en su celular u otro dispositivo, tiene que poner la ID ( se puede encontrar en su PC con cmd y ponen "IP config" )de su computadora+ :+ el puerto en este caso 8080

Fue un placer hacer este curso 🥰, es genial que este gratis porque hay algunas personas que no se pueden costear algun curso (quizas porque aun andan estudiando) como yo, GRACIAS

Que ORGULLO tan grande haber llegado hasta aqui, MUCHAS GRACIAS 😃

Gracias por el curso. Llegamos al final. ¿Y ahora?

Créditos a @ric.arellano92 !!!
Para evitar el error “mokepon.js:448 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘nombre’)” lo que hice fue agregar un if que evalué si el mokepon existe o no, esta validación también se aplica en la parte de pintar mokeponEnemigo:

//---------------------Al recuperar enemigos--------------------------
                mokeponesEnemigos = enemigos.map(function (enemigo)
                {
                    let mokeponEnmigo = null
                    if(enemigo.mokepon != undefined)
                    {
                        const mokeponNombre = enemigo.mokepon.nombre 
                        switch (mokeponNombre)
                        {
                        case "Hipodoge":
                            mokeponEnmigo = newMokepon('Hipodoge', './assets/mokepons_mokepon_hipodoge_attack.png', 5, './assets/hipodoge.png', enemigo.id)
                                break
                            case "Capipepo":
                                mokeponEnmigo = newMokepon('Capipepo', './assets/mokepons_mokepon_capipepo_attack.png', 5, './assets/capipepo.png', enemigo.id)
                                break
                            case "Ratigueya":
                                mokeponEnmigo = newMokepon('Ratigueya', './assets/mokepons_mokepon_ratigueya_attack.png', 5, './assets/ratigueya.png', enemigo.id)
                                break
                            default:
                                break
                        }

                        mokeponEnmigo.x = enemigo.x
                        mokeponEnmigo.y = enemigo.y
                    }
                        return mokeponEnmigo
                })

//---------------------------------Al tratar de pintar enemigos----------------------------------------
        mokeponesEnemigos.forEach(function (mokepon)
        {
            if(mokepon != undefined){
                mokepon.pintarMokepon()
                revisarColision(mokepon)
            }
        })

Re subí la respuesta de @ric.arellano92 porque estuve rompiéndome la cabeza durante una semana y quiero que otros lo puedan solucionar, ya que desde las carpetas del curso da error.
Saludos y recuerden: Nunca Se Rindan, Nunca Paren de Aprender.

logrado, despues de posponerlo muchos meses!!

bravissimo!!!