Skip to content

Fabian-Orozco/spot-it-game

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Spot It - Team Pixies

Contributors Issues


Logo

Spot it! The Well


Repositorio para el proyecto grupal del curso de desarrollo web CI-0137.


Play de game!! · Report Bug · Request Feature

Tabla De Contenidos
  1. Acerca Del Proyecto
  2. Reglas
  3. Mapa del Sitio
  4. Manual de uso
  5. Autores
  6. Otras rutas

Acerca Del Proyecto

En este proyecto se desarrolla un mini juego, El Pozo (The Well), del juego Spot it. Se requiere contar con la capacidad de jugar en línea entre dos a ocho jugadores al mismo tiempo de modo que un jugador tenga el rol de anfitrión de la sesión y ésta cuente con un código que permite a los demás jugadores, invitados a participar en la misma partida.

El juego debe ser ejecutado mediante una plataforma web (servidor), respetando las reglas originales del juego; en adición, se espera implementar al menos dos adaptaciones extra que agregan funcionalidades (audiovisuales, cambio de reglas u otras) distintas a las que ya cuenta éste.

El sistema de juego debe contar con al menos la pantalla de créditos, ayuda, leaderboard (que contempla manejar una base de datos para registrar el ranking), salas de espera (anfitrión e invitados) y las pantallas principales del juego.

↑ volver al inicio

Adaptaciones

  1. El contador de tiempo para las partidas, que sirve como un marcador de “mejor tiempo” para un jugador en el leaderboard. AL final de cada partida se actualiza el mejor tiempo de cada jugador y según los datos almacenados en el servidor.

    • Ejemplo - Al final de la partida.
      img
    • Ejemplo - Leaderboard.
      img
  2. Botón de I'm ready para que el host solo puedar empezar la partida si todos los jugadores están listos.

    • Botón del lado del guest antes de ser clickeado
    • Botón de play no clickeable del host cuando no todos están listos
    • Botón de play clickeable del host cuando todos están listos
  3. Chat de eventos que marca un “historial” de los emparejamientos de cartas.

    • Ejemplo - Chat de eventos, incluye el uso del tiempo. Además esta chat es funcional y cualquier jugador puede enviar mensajes a través de este.
      img
  4. Penalización al clickear la carta incorrecta de 5 segundos. Si el jugador clickea la carta incorrecta se penaliza con 5 segundos en los cuales no puede clickear ninguna carta.

    • Ejemplo de la penalización:
      img

↑ volver al inicio

Reglas

Coloca una carta boca abajo en el centro de la mesa y reparte el resto de las cartas boca abajo entre los jugadores. Todos los jugadores al mismo tiempo tratarán de encontrar un par de símbolos que se repitan. Si encuentras el símbolo lo dices en voz alta y la descartas en la pila central. Esta será la carta que utilizarás para buscar el próximo símbolo. El juego continúa hasta que uno de los jugadores se queda sin cartas. El primero en lograrlo gana el juego.

Cartas

Spot it! Consta de 55 cartas, con 8 símbolos por carta de los 50 disponibles, solo hay un símbolo idéntico en común entre cada carta.

Mapa Del Sitio

mapa del sito spot it

↑ volver al inicio

Manual de uso

Se debe instalar Node.js: Node.js

Para jugar se puede ingresar a nuestra juego en la siguiente dirección: Spot it

Para ejecutar el juego de forma local se debe abrir una temrinal en la carpeta de src/server/ y ejecutar los comando:

npm i
npm dev run

Esto levanta el servidor y la aplicación automáticamente. Nota: en la carpeta src/spot-it tambien se debe ejecutar el comando npm i para instalar las dependencias de node.js

Otra opción es ejcutar el servidor y a la aplicación por aparte. Para esto se debe abrir una temrinal en la carpeta src/spot-it y ejecutar los comando:

npm i
npm start

Y abrir otra terminal en la carpeta src/server/ y ejecutar los comando:

npm i
npm start

Autores

Nombre Contacto
Fabián Orozco fabian.orozcochaves@ucr.ac.cr
Daniel Escobar daniel.escobargiraldo@ucr.ac.cr
Gabriel Bonilla gabriel.bonillarivera@ucr.ac.cr
Manuel Arroyo manuel.arroyoportilla@ucr.ac.cr

Otras rutas

↑ volver al inicio

About

Repositorio para el juego spot it del curso de desarrollo web.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 81.6%
  • CSS 8.8%
  • SCSS 7.3%
  • HTML 2.3%