Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 22, 2021 02:33 am GMT

Ludo CSS Grid!

Siempre me ha llamado la atencin los juegovideos, aunque soy algo nulo en motores grficos 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, para experimentar con mis habilidades css y como aplico algunos css 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 teora funcional , no solo una grilla imitando un tablero.

He estado revisando react y vue, para agregar interactividad y hacerlo funcional.. adems de que pueda de responder de forma dinmica a los cambios en los datos... despus 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 opcin mas moderna, pero me ha dado la libertad de crear estructuras de datos comprensibles y mantenibles para poder hacer las interacciones y reglas del juego.

An 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 Versin online

Espero dejarlo funcional con las siguientes caractersticas:

  • juego funcional
  • usuarios, rooms e interaccin realtime (websocket)
  • invitaciones a amigos por para jugar o visualizar un juego
  • chat
  • videochat
  • y otras ideas extras

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!!


Original Link: https://dev.to/vitoconavarrete/ludo-css-grid-4c84

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To