caleeli / bang Goto Github PK

Subir las imágenes de las cartas a:

public/cards/bang

Se recomienda que las cartas estén en formato JPG de almenos 240px de ancho y no mayor a 15kb de peso cada uno para contar con una buena calidad de imagen y velocidad de transferencia.

El nombre del archivo deberá ser como:

public/cards/bang/45.jpg

donde 45 coincidira con el ID de la carta cargada en la base de datos

Layout:

Vista esperada una vez completados todos los componentes:

Implementar un componente con la siguiente estructura:

Esta pantalla se muestra después de que el usuario de "logea"
Debe cargar la aplicacion vuejs
y cargar el layout de la Mesa en toda la pagina
No debe tener scroll.

Este componente deberá mostrar en zoom la imagen de la carta que el usuario esta apuntando con el raton.
Si apunta a una que no puede ver solo vera la imagen del reverso.
(Se recomienda por simplicidad obtener la imagen del elemento donde el mouse se encuentra actualmente)

props: {
player: Object //jugador que esta viendo el componente
}

Los campos de la tabla son:

• id
• name: Nombre de la partida
• type: Tipo de la partida (normal)
• status: ACTIVE | CLOSED
• current_player_id: ID del jugador con el turno actual

Devuelve una partida (match) por su id:

players son los datos de los jugadores para la partida actual
podría ser la union de dos tablas: player + match_player

{
    "data": {
        "name": "Nombre del match",
        "randomSeed": 12786128736871263, // La semilla para el generador de números aleatorios del juego
        "players": [ {
            "id": 1,
            "name": "Player name",    //Nombre dentro del match
            "character": 110,  //Id de la carta de su personaje
            "role": 115,  //Id de la carta de su rol
            "hand": [45,67,11],  //ids de las cartas de su mano 
            "equipment": [],  //ids de las cartas de su equipamiento 
            "played": []  //ids de las cartas que esta jugando 
        }, ...
        ],
    }
}

Campos:

• id
• match_id: ID del match propietario, se debe incluir la llave foranea especifica con CASCADE DELETE
• character: ID Carta de personaje del jugador
• role: Rol del jugador
• position: Posicion en la mesa.
• hand: Array de las cartas en la mano del jugador
• equipment: Array de las cartas en la mesa del jugador
• played: Array de las cartas que actualmente se están jugando

Partida normal:

Partida vs:

Campos:

• id
• type: Tipos: CHARACTER | ACTION | ROLE
• suit: ESPADA | CORAZON | TREBOL | DIAMANTE

Queda pendiente revisar si esta tabla necesitará mas atributos para describir correctamente una carta

Implementar un componete <pile :cards="played" :player="me"
:visible="true" @DBLClick="...">

props: {
    cards: Array,  //Cartas de la pila
    player: Object,  //jugador que esta viendo el componente
    visible: Boolean,
}

• Add a new column
• Add a new column
• Add a new column

Crear un laravel seeder para cargar las cartas de Bang en la tabla card y corelacionarlas con las imagenes en public/cards/bang.

Campos:

• id
• name: Nombre del jugador
• avatar: URL del avatar del jugador
• online: True si el jugador esta conectado

Adjunto imagen de fondo:
maxresdefault.jpg.zip

Se debe crear la pagina de login e implementar la funcionalidad de autenticacion provista por Laravel, seguir los siguientes pasos:

https://laravel.com/docs/5.7/authentication

Implementar un componente VueJS

Devuelve el historial de jugadas

{
    "data": [
        {"player": 1, "action": "move", "params": ["cards", 0, "hand", 3]},
        {"player": 2, "action": "moveShuffleAll", "params": ["played", "cards"]},
        {"player": 1, "action": "changeLives", "params": ["player2", 3]}
    ]
}

Utilizar npm para agregar los iconos de font awesome (version 4 o 5)

Crear una partida:
Debe crear un registro en la tabla match

• con un name
• se debe generar un randomSeed que sera utilizado para sincronizar el generador de números aleatorios de todos los usuarios (players, observers).
• debe crear un registro en la tabla match_player por cada jugador que participara de la partida y devolverla en players.
  • debe repartir los roles respectivos a cada jugador
• Crear un histórico inicial para la partida
• Devolver un array con las cartas boca abajo en la mesa (ya mezcladas) cards
• Devolver un array con las cartas boca arriba en la mesa (inicialmente vacia) played

EXAMPLE:

POST
{
        "name": "Nombre del match",
        "type": "normal", //tipo de partida
        "randomSeed": 12786128736871263, // La semilla para el generador de números aleatorios del juego
        "players": [1,5,7,3,8,9]
}

RESULT:

{
    "data": {
        "name": "Nombre del match",
        "randomSeed": 12786128736871263, // La semilla para el generador de números aleatorios del juego
        "players": [ {
            "id": 1,
            "name": "Player name",    //Nombre dentro del match
            "character": 110,  //Id de la carta de su personaje
            "role": 115,  //Id de la carta de su rol
            "hand": [45,67,11],  //ids de las cartas de su mano 
            "equipment": [],  //ids de las cartas de su equipamiento 
            "played": []  //ids de las cartas que esta jugando 
        }, ...
        ],
        "cards": [],  // Cartas boca abajo en la mesa
        "played": [], // Cartas boca arriba en la mesa
    }
}