Ludo CSS Grid!

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, para experimentar co…


This content originally appeared on DEV Community and was authored by Victor Navarrete

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, 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 teoría funcional , 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 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.

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

Espero dejarlo funcional con las siguientes características:

  • juego funcional
  • usuarios, rooms e interacción 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!! ✌️


This content originally appeared on DEV Community and was authored by Victor Navarrete


Print Share Comment Cite Upload Translate Updates
APA

Victor Navarrete | Sciencx (2021-04-22T02:33:28+00:00) Ludo CSS Grid!. Retrieved from https://www.scien.cx/2021/04/22/ludo-css-grid/

MLA
" » Ludo CSS Grid!." Victor Navarrete | Sciencx - Thursday April 22, 2021, https://www.scien.cx/2021/04/22/ludo-css-grid/
HARVARD
Victor Navarrete | Sciencx Thursday April 22, 2021 » Ludo CSS Grid!., viewed ,<https://www.scien.cx/2021/04/22/ludo-css-grid/>
VANCOUVER
Victor Navarrete | Sciencx - » Ludo CSS Grid!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/04/22/ludo-css-grid/
CHICAGO
" » Ludo CSS Grid!." Victor Navarrete | Sciencx - Accessed . https://www.scien.cx/2021/04/22/ludo-css-grid/
IEEE
" » Ludo CSS Grid!." Victor Navarrete | Sciencx [Online]. Available: https://www.scien.cx/2021/04/22/ludo-css-grid/. [Accessed: ]
rf:citation
» Ludo CSS Grid! | Victor Navarrete | Sciencx | https://www.scien.cx/2021/04/22/ludo-css-grid/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.