Skip to content

Juego de Damas para la tarea final de jQuery UI de Next University

Notifications You must be signed in to change notification settings

jose-suero/juegodedamas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Widget de jQueryUI para simular un juego de damas.

Creado por José Suero, para la tarea final del curso de jQueryUI impartido en la certificación de JavaScript de Next University

Tabla de Contenidos

  1. Objetos
    1. $.widget("custom.juegodedamas")
    2. Coord
  2. Funciones y utilierías
    1. boardUtils

Objetos

Objetos Definidos en este Widget

  1. $.widget("custom.juegodedamas"): widget principal de este proyecto.

    Sintaxis básica

    $("target").juegodedamas();

    Sintaxis con opciones

    $("target").juegodedamas({
        size: 150,
        droppableClass: "cust-droppable",
        player1: {name: "Player 1 name"},
        player2: {name: "Player 2 name"}
    });
    Opciones
    • size: Especifica el tamaño con el que se generará el tablero del juego. Si no se envía este asumirá un valor por defecto de 960 píxeles.
    • droppableClass: Especifica la clase css a aplicar a las celdas del tablero cuando una pieza está encima de ella.
    • player1: Opciones para el primer jugador del tablero
      • name: especifique el nombre del jugador. Por defecto "Jugador 1"
    • player2: Lo mismo que para player1 con valor para .name por defecto de "Jugador 2"
  2. Coord: define la ublicación fila y columna de una celda del tablero.

    • Propiedades:
      • row: define la fila de la celda. Este índice está basado en 0.
      • col: define la columna de la celda. Este índice está basado en 0.
    • Métodos de la clase:
      • getCoordFromCell(cell): devuelve un objeto Coord en base a una celda suministrada en su parámetro cell
    • Métodos de la instancia:
      • isInsideOfBoard(): devuelve verdadero cuando la coordenada está dentro de los límites del tablero de este widget.

⬆ Volver al índice

Funciones y utilierías

  1. boardUtils: Contiene funciones para ayuda del ciclo de vida del tablero de damas.
    • Métodos de este objeto:
      • {coord, type, isKing, whereiam} getCheckerInfo(checker)
      • setCellOcupied(celda, ocupied, checker)
      • getBlackDivs(fRow, tRow, ocupied, widget)
      • checkerDropped(event, ui)
      • canAcceptDraggable(draggable)
      • insertCheckerIntoCell(checker, cell)
      • getCellBetween(cell1, cell2)
      • getWidget(boardObj)
      • startDrag(event, ui)
      • stopDrag(event, ui)
      • currentPlayerHasCaptures(boardObj)
      • checkerHasCaptures(checker)
      • checkerPossibleMoves(checker)

About

Juego de Damas para la tarea final de jQuery UI de Next University

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published