Corrección de errores en juego multijugador con Node.js

Clase 83 de 84 • Curso Gratis de Programación Básica

Juan Ignacio Pereyra Noguez

student•

Es importante para que funcione el servidor, que el archivo html se llame index.html, de lo contrario, el servidor no lo interpretara y responderá con un error 404.

José Francisco Atay Orta

student•

A mi me da es SyntaxError: al momento de declarar class Jugador, desde ahi no quiso entrar mas al servidor

Marcos Monteverde

student•

muchisimas gracias estoy hace rato buscando el error

Juan Diego Rojas Aguilar

student•

Hay que proteger al profe Juan, es demasiado bueno para este mundo.

Eduardo Peña Ramos

student•

Declaro a JuanDC Patrimonio de la Humanidad 🧾🏅

Diego Alejandro Moreno Pedroza

student•

Apoyo la moción!!!

Vander Idme

student•

Para deshabilitar el seleccionado del texto en los botones se puede hacer con el siguiente codigo en css

user-select: none;

Leandro Cataño Cardeño

student•

muchas graciasssss!

Brayan Estiben Rodallega Saavedra

student•

Genial, gracias!

Juan José Moreno

student•

Estuve un rato largo buscando porque me salía el error "cannot get /" y en la sección de preguntas ya lo solucionaron. Hasta este momento traemos el documento html con el nombre mokepon.html Cambiándolo por index.html como lo tienen en el video se soluciona y te permite entrar desde el localhost:8080 y con la dirección IP también.

Niko Dos Santos Mendoza Soto

student•

ohhhhhhh esto es exactamente lo que estaba buscando, muchas gracias!!!!

Alexander Franco

student•

Gracias, estaba estancado en ese problemita :)

Joseph Adolfo Morán Bustamante

student•

me estaban apareciendo este error en la consola:

GET mokepon.js net::ERR_ABORTED 404 (Not Found)

no estaba cargando el javascript

lo solucioné cambiando la etiqueta script en el html en vez de ./js/mokepon.js es /mokepon.js y cargo todo. Asi debe quedar:

<script src="./mokepon.js"></script>

Ivan Soca

student•

graciasss con esto me di cuenta que por eso debe ser que me da el error de que no me carga ninguna imagen

Lina González

student•

Gracias, tenia el mismo error y con esto lo solucione! :D

al mn

student•

YO: DESPUÉS DE ACBAR EL CURSO DE PROGRAMACIÓN BÁSICA

Diego Alejandro Moreno Pedroza

student•

JAJAJAJA

Andrés Soret Chacin

student•

JAJAJA Totalmente amigo 😁👌

Erik Ucenik

student•

La dirección IP es una dirección de cada computador que nos permite acceder a éste desde otros dispositivos. Entonces al poner https://192.168.10.116:8080 estamos accediendo al puerto 8080 del computador que tiene la dirección 192.168.10.116.

IP local

En este caso, esta es una IP local, es decir, solo podrán usarla aquéllos que estén bajo la misma red (es decir, conectados al mismo router).

IP pública

Vuestro router tiene una IP pública con el que se puede acceder a vuestra red. Para comunicar puertos concretos hacemos Port Forwarding, esto es decirle al router que, cada vez que reciba una petición al puerto - por ejemplo - 8080, que mande esa petición a un computador concreto.

Así es que, configurando correctamente el router, podéis tener un servidor en vuestro propio hogar.

Disclaimer

No estoy seguro de si puede ser peligroso hacer ésto, solo lo comento como dato.

Diego Alejandro Moreno Pedroza

student•

Sí claro! Tienes razón, puede ser muy peligroso, es por esto que hay que tener extremo cuidado al conectarse en redes públicas o que parezcan inseguras, una vez en la red, toda tu información o al menos la que pase por la red, puede quedar expuesta

Juan David Rueda Quiroga

student•

Yo en mi trabajo y junto con los que he desarrollado código, al proceso de testing le bautizamos el proceso Cletus "Hacerlo a prueba de idiotas" jajajja

Diego Alejandro Moreno Pedroza

student•

JAJAJA me encanta

Marcos Monteverde

student•

jajaj que genial

Diego Alejandro Moreno Pedroza

student•

Fíjense que el documento principal html debe estar como

index.html

Otra solución también es ingresar a

localhost:8080/mokepon.html

Con esto le dan la dirección exacta del archivo a donde desean ingresar, y listo!!

Ivan de jesus Romero leal

student•

Gracias bro, me solucionaste esa duda que me generaron

Marcos Monteverde

student•

muchas gracias

Paula Andrea Baron Herreño

student•

Tengo un error y me gustaria saber si alguien mas le pasa y es en termino de las coaliciones. Cuando lo hago desde el mobil, y alguien ingresa me coaliciona pero solo en el movil, pero en el mapa no se ve la coalicion. Si lo hago ambos jugadores desde el computadior funciona normal. Podria se algo en terminos de que las pantallas son diferente y la del celular al ser mas pequeña encuentra coalicion comparada con la del computador?

a aluien mas le sucede esto?

Raul Santos

student•

Tengo exactamente el mismo error pero no se como solucionarlo, esperemos que alguien logre ayudarnos.

Víctor Salazar

student•

También me pasa lo mismo si uso dos ventanas diferentes del navegador. Creo que el problema no es el tamaño de pantalla, pero aún no logro descubrir cómo solucionar. Ojalá alguien más lo pueda ver

Angel Manrique M

student•

Para remplazar todos los "localhost" use la opcion de visual studio code: "Select All Ocurrences"

Ctrl + Shift + L por defecto

Ernesto Javier Uribe

student•

si los pasaron con el explorador de windows, se debe quitar js en el html. asi:

y dejarlo asi:

por ultimo cambiar el nombre a index el html no mokepon.

Kenia Montalvo

student•

¡Muchísimaaas gracias!

Antonio Beltrán

student•

Gracias! :)

Carbajal Resendiz Oswaldo Moises

student•

el curoso fue genial, aun que casi al final me explota el cerebro. es cierto que en el proyecto hay muchar areas de opotunidad que se pueden mejorar. pero esta genial este curso

Marcos Monteverde

student•

jajajja totalmente

Marcos Amador

student•

tengo el error de que al momento que elijo una mascota y luego escojo la otra desde el celular por ejemplo, automaticamente se va a los ataques, no espera a que haya una colision, alguien podria ayudarme porfavor

Juan Castro

teacher•

Marcos, eso también me pasó a mí durante la clase. Como los mokepones pueden aparecer en lugares aleatorios, pos aleatoriamente es posible que sean coordenadas que hagan colisión.

JUAN JOSE HERNANDEZ MUÑOZ

student•

A mi me pasa esto, pero no es porque al azar hayan hecho colisión, lo que pasa es que solamente uno de los dos dispositivos automáticamente pasa a la seccion de ataque mientras que el otro se queda en mapa, esto ocurre apenas selecciono la segunda mascota

Raul Santos

student•

Yo tambien me emocione cuando vi que la clase era del profe Juan 😊

Braily Mariana Salcedo Ortegano

student•

x2 xD

alvaro hernandez

student•

Yo logre eliminar el error de que cuando volvías a seleccionar un jugador los anteriores se redibujan en ubicación donde hacían colicion. 😱

Juan Castro

teacher•

Nice!!! Cómo lo hiciste, Alvaro?

Ricardo Reyes Flores

student•

seria bueno saberlo tambien me interesa

Edgar V. Hernández H.

student•

Jejejeje Mori, con esa intro de "HOLA, te acuerdo de mi", ya ni nos acordabamos...

Excelente curso, se ha aprendido mucho en poco tiempo. Pero muchas clases!

Edwin Jesús

student•

Aquí la prueba final! <3 https://mokepon-platzi.herokuapp.com/

Santiago Vázquez Rodríguez

student•

Lo probé en dos pestañas de mi navegador y funciona todo excepto el resumen de vidas/victorias y la lista de ataques, me apareció una lista con unos 30 ataques. De todos modos, buen trabajo.

Edwin Jesús

student•

Sí, eso lo noté al final, gracias por la review.

Santiago Restrepo

student•

Juanda es un excelente profesor, explica todo lo que coloca en el código, ojala el resto explicara igual

Gabriel Castellaro

student•

cannot GET /

Fernando Orozco Velasquez

student•

A mi tambien me sale ese mensaje

Jesus Cuadro

student•

al archivo mokepon.html debes cambiarle el nombre a index.html o bueno por lo menos eso fue lo que me funciono

Corrección de errores en juego multijugador con Node.js

Fundamentos de Programación

Programación Básica: Fundamentos y Creación de Proyectos en Línea

Programación Básica en Google Chrome: Variables y Funciones

Creación de una Página Web Básica con HTML

Estructura Básica de un Documento HTML

Estructura y funcionamiento básico de HTML y JavaScript

Instalación y uso básico de Visual Studio Code para programar

Declaración y Uso Básico de Variables en JavaScript

Programación de Piedra, Papel o Tijera en JavaScript

Programación de Piedra, Papel o Tijera en JavaScript

Generación de Números Aleatorios con JavaScript

Creación y uso de funciones en programación

Ciclos y Condiciones en Programación: Piedra, Papel o Tijera

Programación de un Juego de Piedra, Papel o Tijera en JavaScript

Manejo de Rutas y Archivos en Sistemas Operativos y Desarrollo Web

Manipulación del DOM y Eventos en JavaScript para Juegos Web

Desarrollando un juego con HTML y JavaScript

Maquetación de Páginas Web para Videojuegos en HTML

Selección de Mascotas en HTML para Juegos Interactivos

Programar eventos de clic en botones HTML con JavaScript

Eventos de Carga en JavaScript: Iniciar Juego y Seleccionar Mascota

Selección de Mascota en JavaScript: Implementación y Validación

Manipulación del DOM con JavaScript para mostrar mascota seleccionada

Selección Aleatoria de Mascota Enemiga en JavaScript

Eventos de clic y lógica de ataque en JavaScript

Ataques Aleatorios para Mascotas Enemigas en JavaScript

Creación de Mensajes Dinámicos en Combate HTML y JavaScript

Lógica de Combate en JavaScript para Juego Mokepon

Operadores Lógicos en Programación: AND, OR y NOT

Actualización de Vidas en Juego de Combate con JavaScript

Validación de Vidas y Mensajes Finales en Juegos

Funcionalidad de Reinicio y Desactivación de Botones en Juego

Mostrar y ocultar secciones en HTML con JavaScript

Estilos con CSS

Estilos CSS: Selectores, Propiedades y Valores

Tipos de Visualización en CSS: Display Block, Inline e Inline Block

Alineación de Elementos con Flexbox en CSS

Modelo de Caja en CSS: Espaciado y Bordes

Diseño y Estilo de Páginas Web con HTML y CSS

Estilos CSS para Botones en Juegos: Diseño de Pantallas Interactivas

Estilos CSS para Mejorar la Interfaz de un Juego

Estilizado de Pantallas de Juego con CSS y Flexbox

Separación de mensajes y estilos en JavaScript y HTML

CSS Grid: Organiza Elementos en Rejillas Bidimensionales

Diseño Responsivo con CSS: Media Queries y Flexbox

Pseudoclases en CSS: Mejora la Interacción del Usuario

Optimización de código

Optimización de Código JavaScript con Clases y Objetos

Optimización de Código JavaScript: Variables y Funciones

Optimización de Código JavaScript con Clases y Objetos

Construcción de Clases y Objetos en JavaScript

Uso de Arreglos para Almacenar Objetos en JavaScript

Agregar ataques a objetos en JavaScript

Renderizado Dinámico de Objetos en HTML con JavaScript

Solución de errores en variables y elementos HTML en JavaScript

Uso de Objetos para Centralizar Información en JavaScript

Selección de Mascota Aleatoria en JavaScript

Iteración de Arreglos y Manipulación DOM en JavaScript

Crear Función "mostrarAtaques" en JavaScript para Juegos

Eventos de Clic en Botones con JavaScript

Secuencia de Ataques y Validación de Resultados en JavaScript

Implementación de lógica de combate en juegos JavaScript

Programación de Juegos: Lógica de Ataques y Victorias

Optimización y Corrección de Errores en Juegos Web con JavaScript

Mapa con canvas

Dibujo y manejo de gráficos en Canvas con JavaScript

Movimiento de Capipepo en Canvas con HTML y JavaScript

Movimiento Continuo de Personajes en Canvas con JavaScript

Eventos de Teclado para Controlar Personajes en Juegos

Pintar Fondos y Personajes en Canvas HTML

Métodos de Clases en JavaScript para Juegos Interactivos

Detección de Colisiones en Videojuegos con JavaScript

Programación de eventos y colisiones en un juego interactivo

Ajuste Responsivo de Mapas en Pantallas con JavaScript

Estilos Responsivos en HTML y CSS para Mapas Interactivos

Backend: videojuego multijugador

Desarrollo de Juegos Multijugador con Cliente-Servidor y API

Instalación de Node.js en Windows para desarrollo backend

Uso básico de la terminal de comandos y Node.js