Café Virtual busca convertirse en un espacio de networking virtual, similar a Gather Town, donde los miembros de la comunidad puedan interactuar a través de avatares, trabajar juntos en tiempo real y chatear.
Crea un proyecto en Supabase y agrega lo siguiente en un archivo .env
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=🔗 https://supabase.com/docs/guides/auth/social-login/auth-twitch
- Inicio de sesión con Twitch
- Persistencia de sesión.
Empezamos instalando y haciendo el tutorial de phaser para familiarizarnos con el software. 🔗 https://docs.phaser.io/phaser/getting-started/installation 🔗 https://docs.phaser.io/phaser/getting-started/making-your-first-phaser-game
Creamos un mapa con Tiled y recursos gratuitos para los assets. 🔗 Tiled - Software para dibujar mapa 🔗 Assets 🔗 Los Assets que usamos
Seguimos la siguiente documentación para agregar colisiones 🔗 Buscar "Tileset Editor"
- implementamos
use-realtime-playerpara cargar mas jugadores en tiempo real
profile-formcon react hook y zod para actualizar indormación de perfil en la base de datos
🎥 NextJS + Supabase UI Authentication -> https://youtu.be/EvMYKrBaAJQ?si=bQwNfA0J9979Ilkr 🎥 NextJS + Supabase Realtime -> https://youtu.be/iJf1mjYBy8k?si=-Gnh4BgUoQiMW97K 🎥 Chat en tiempo real con Supabase UI -> https://youtu.be/CIseskgH6tY?si=0mPEiJW1sESO19gs