Programemos un juego con JavaScript
Contenido del curso
Canvas
Mapa del juego
Movimientos del jugador
Colisiones
Bonus: adictividad
Deploy
Próximos pasos
Programemos un juego con JavaScript
Contenido del curso
Programemos un juego con JavaScript
Edwin Jesús
Estudiante
Josue Cerron Tuesta
Estudiante
Paula Inés Cudicio
Estudiante
Angel David Velasco Bonifaz
Estudiante
Jonathan Barzola
Estudiante
milton coronado
EstudianteAngel David Velasco Bonifaz
EstudianteJonathan Barzola
Estudiantemilton coronado
Estudiante
Miguel Angel Hernandez Colombo
Estudiante
Erick Santiago Gallo Buriticá
Estudiante
Ricardo Alfonso Chavez Vilcapoma
Estudiante
Hector Ibarra
Estudiante
Brahayan David Mindiola Joiro
Estudiante
Gualberto Montiel
Estudiante
Francisco Chacon
Estudiante
Yamid Noguera
Estudiante
Carlos Mauro Cárdenas Fernández
Estudiante
Christian Velázquez
Estudiante
Gabriel Blanco
Estudiante
Andres Salazar Pizarro
EstudianteJosue Cerron Tuesta
Estudiante
silfredo mario
Estudiante
Duvan Yesid Becerra Rodríguez
EstudianteRicardo Alfonso Chavez Vilcapoma
Estudiante
Luis Miguel Rodríguez
Estudiante
Erick Alay
Estudiante
Rubén Ernesto Aragón Gil
EstudianteJonathan Barzola
EstudianteRubén Ernesto Aragón Gil
Estudiante
Juan David Reyes
EstudianteJonathan Barzola
Estudiante
Marwan El Ouarti Mellado
Estudiante
Jorge Eliecer Rangel Jimenez
EstudianteJosue Cerron Tuesta
Estudiante
Jorge A. Torres
EstudianteNiceeeeeeeeeeeeeeeeee, están actualizando la ruta de JS como debe ser!
Que actualicen todo!!!
Eso!!! la ruta de FrontEnd con Js tiene unos saltos entre temas de cursos abismales!! que bueno que le están agregando todos estos cursos intermedios
Hola, buen día, les dejo el css de la clase
body { background-color: indigo; color: #fff; font-family: Verdana, Geneva, Tahoma, sans-serif; margin: 0; padding: 0; } .game-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 100vh; width: 100vw; } canvas { border: 4px solid #ff6600; border-radius: 8px; background-color: #feff9d; } .btns { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; width: 100%; } button { background-color: #fdef05; border-radius: 8px; border-color: #ff6600; font-family: inherit; margin: 0; padding: 5px 20px; width: 100px; } button:not(:last-child) { margin-right: 10px; } .messages { display: flex; flex-wrap: wrap; margin: 0 auto; width: 80%; max-width: 460px; } p { display: block; margin: 0; width: 100%; } @media (max-width: 440px) { button { margin-top: 25px; } #up, #down { margin-left: 100%; margin-right: 100%; } }
Hey muchisimas gracias! gran aporte
se agradece!!!
Tambien les dejo el maps, para empezar a trabajar en el
const emojis = { "-": " ", O: "🚪", X: "💣", I: "🎁", PLAYER: "💀", BOMB_COLLISION: "🔥", GAME_OVER: "👎", WIN: "🏆", }; const maps = []; maps.push(` IXXXXXXXXX -XXXXXXXXX -XXXXXXXXX -XXXXXXXXX -XXXXXXXXX -XXXXXXXXX -XXXXXXXXX -XXXXXXXXX -XXXXXXXXX OXXXXXXXXX `); maps.push(` O--XXXXXXX X--XXXXXXX XX----XXXX X--XX-XXXX X-XXX--XXX X-XXXX-XXX XX--XX--XX XX--XXX-XX XXXX---IXX XXXXXXXXXX `); maps.push(` I-----XXXX XXXXX-XXXX XX----XXXX XX-XXXXXXX XX-----XXX XXXXXX-XXX XX-----XXX XX-XXXXXXX XX-----OXX XXXXXXXXXX `);
Hey muchisimas gracias! gran aporte
se reagradece!!! jajaja
aqui vengo a crear un video juego y de aqui salgo a buscar trabajo a ACTIVISION!!
ten fe
NINTENDO con fe
Tiene más relleno que naruto
JAJAJAJAJAJAJAJAJ
Vamos hacer el Mario Bros!
!Mario Bros
Empecemos !
Empecemos!
En verdad nunca jugue eso :S. Pero lo programaré para mis hijos.
Inicio el curso, y acabo de ver que, lanzaron el curso de "Godot". Motor de videojuegos 2D y 3D multiplataforma, libre y de código abierto. Además, la ruta actualizada de Javascript.
Recein salido del hornooooo!!!
TERMINO MI CURSO CON JAVAM Y LE ENTRO ;) ME ENCANTA SABER QUE HAY MÁS TEMAS.
Yo terminé el de asincronismo!
La nueva metodología de los cursos de Platzi lleva al estudiante adquirir más conocimiento acerca de la temática de cada curso. En mi concepto, ¡Esto se debe ha!
Dentro de la estructuración del contenido todo tiene un porque y como esto queda claro desde el inicio de los cursos consiente o inconscientemente uno está haciendo el mayor esfuerzo para aprender cada concepto por más aburrido que parezca.
Antes se encontraban cursos que eran como un mar de conocimiento, pero con un dedo de profundidad. Ahora sus cursos son cortos, pero tocan un tema hasta llegar a niveles avanzados.
CONSEJO PARA PEACOCK: Si quieren que al abrir se asigne un color aleatorio, vayan a settings (UI) y busquen
peacock surprise me on startup
Habiliten esa opción o abran settings (.json) y escriban:
"peacock.surpriseMeOnStartup": true
Listo ya pueden abrir un nuevo proyecto y se les asignará un color aleatorio.
Nunca paren de aprender... Y amar la tecnología.
No me funciona
aunque esa pagina me trae buenos recuerdos :), decidi agregarle otros colorsitos!
Recientemente realice el anterior curso a este jajaja, bueno a aprovechar este curso :D
Recuerden agregar el link del archivo css
<link rel="stylesheet" href="style.css">
Nunca nadie se había preocupado por mí :')
ánimo 😎🤘
El gran JUEGOS FRIV ❤ (mi juego favorito era el del toro xd)
Agua y fuego!
XD Mi nivel favorito era el de la sauna
Let's go 😊
Let's gooo!
Aplaudo el entusiasmo del Profe JuanDC, muy inspirador y el detalle de traer a Mario Bros en la t-shirt. Me dio en la nostalgia