• Inicio
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Crea un mini juego multijugador!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Crea un mini juego multijugador

Video 11.- Separar lógica en el frontend

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

¡Desbloquea vídeos ilimitados! Sube a Premium

Necesitas premium para acceder a este contenido. Suscríbete por $26USD al mes

Suscribirme
  • check_circle_outline
    Módulo 1 | 7 clases

    Funcionalidad básica

    expand_more
  • check_circle_outline
    Módulo 2 | 12 clases

    Servidor tiempo real

    expand_more
    • done_all

      Clase 1

      8.- Configurar servidor websockets con socketio

    • done_all

      Clase 2

      9.- Conectar el servidor de websockets

    • done_all

      Clase 3

      10.- Definir con qué juega cada jugador

    • done_all

      Clase 4

      11.- Separar lógica en el frontend

    • done_all

      Clase 5

      12.- Enviar movimientos al servidor

    • done_all

      Clase 6

      13.- Recibir movimientos en tiemporeal

    • done_all

      Clase 7

      14.- Validar posición

    • done_all

      Clase 8

      15.- Algoritmo para ganar

    • done_all

      Clase 9

      16.- Definir ganador

    • done_all

      Clase 10

      17.- Reiniciar tablero

    • done_all

      Clase 11

      18.- Mensajes entre usuarios

    • done_all

      Clase 12

      19.- Mostrar turnos y finalizar juego

1 comentario(s)

@JuanING

31 Octubre 18

more_vert
  • Resuelta
Uriel, te agradecería enórmemente si me dieras una opinión crítica acerca de esta distribución de código que hice. No entendí muy bien lo del video porque estábamos usando la función ejecutada automáticamente y tengo dudas sobre la calidad de lo que hice. Gracias.

gato_socket.js
function Socket(playing,gano,reinicie) {

  let juego = null;
  let socket = io();
  socket.on('connect',() => {
    socket.on('init',data => {
      if(juego == null) escuchar();
      this.juego = data.figure;
    });
  });
}

main.js

function jugar(elementoSeleccionado) {
  let p = document.createElement('p');
  p.style.fontWeight ='bold';
  p.style.top = '42%';
  p.style.right = '47%';
  p.style.display = 'inline';
  p.style.position = 'absolute';
  p.innerHTML = socket.juego ? 'X' : 'O';
  elementoSeleccionado.appendChild(p);
}

function escuchar() {
  let elements = document.querySelectorAll('.cat-element');
  elements.forEach(element => {
    element.addEventListener('click',function() {
      if(!this.hasChildNodes()) jugar(this);
    });
  });
}

var socket = new Socket(1,2,3);

Clase 11

1 Separar lógica en el frontend

arrow_back Siguiente arrow_forward

11/19

Crea un mini juego multijugador