DEV Community

Cover image for Ludo CSS Grid Loodo!
Victor Navarrete
Victor Navarrete

Posted on • Edited on

Ludo CSS Grid Loodo!

Siempre me ha llamado la atención los juegovideos, aunque soy algo nulo en motores gráficos y solo me limito a lo que pueda realizar con canvas y svg animado, html, etc.. he estado trabajando en la ui de un juego ludo solo con css (scss), para experimentar con mis habilidades y como aplico algunos estilos de terceros en el proyecto.

Ahora que he logrado algo bien satisfactorio, mejore la grilla para que tenga las posiciones tal cual en el tablero y sea en teoría funcional, y no solo una grilla imitando un tablero.

He estado revisando react y vue, para agregar interactividad y hacerlo funcional.. además de que pueda de responder de forma dinámica a los cambios en los datos... después de un tiempo lo hice con angularjs.. si, el primer angular que solo es para front js.. basado en uso del dom como jquery etc. puede no ser una opción más moderna, pero me ha dado la libertad de crear estructuras de datos comprensibles y mantenibles para poder hacer las interacciones y reglas del juego.

Aún todo esto va en desarrollo y parte de la ui la deje en Codepen.

Mi proyecto avanza y poco a poco subo actualizaciones, acá puedes ver ciertos avances aun no funcionales Versión online
Alt Text

Espero dejarlo funcional con las siguientes características:

  • juego funcional multiusuario local (ya funcional)
  • modo jugador automático y robot (cpu) (pronto)
  • usuarios reales, rooms e interacción realtime (websocket) (pronto y si técnicamente me dá)
  • invitaciones a amigos por para jugar o visualizar un juego (pronto y si técnicamente me dá)
  • chat (pronto y si técnicamente me dá)
  • videochat (pronto y si técnicamente me dá)
  • y otras ideas extras (pronto)

Todo esto es un pasatiempo, para probarme simplemente que puedo. si alguien tiene sugerencias de como implementar alguno de mis grandes items, los leo con entusiasmo.

Saludos!! ✌️

Top comments (0)