This is a documentation for Board Game Arena: play board games online !

Common board game elements image resources

From Board Game Arena
Jump to navigation Jump to search


Game File Reference



Useful Components

Official

  • Deck: a PHP component to manage cards (deck, hands, picking cards, moving cards, shuffle deck, ...).
  • Draggable: a JS component to manage drag'n'drop actions.
  • Counter: a JS component to manage a counter that can increase/decrease (ex: player's score).
  • ExpandableSection: a JS component to manage a rectangular block of HTML than can be displayed/hidden.
  • Scrollmap: a JS component to manage a scrollable game area (useful when the game area can be infinite. Examples: Saboteur or Takenoko games).
  • Stock: a JS component to manage and display a set of game elements displayed at a position.
  • Zone: a JS component to manage a zone of the board where several game elements can come and leave, but should be well displayed together (See for example: token's places at Can't Stop).

Undocumented component (if somebody knows please help with docs)

  • Wrapper: a JS component to wrap a <div> element around its child, even if these elements are absolute positioned.

Unofficial



Game Development Process



Guides for Common Topics



Miscellaneous Resources

A lot of games need common image elements. You can find a lot of image assets online or directly from the publisher.

But for common elements such as wooden cubes or discs or meeples or cards, here are some image assets that you can use:



110 110 dice.png

25 25 wooden tokens.png

30 30 colored dice.png

30 30 meeple.png

30 30 tokens.png

30 30 wooden cubes.png

37 60 hexaedrons.png

78 64 stand meeples.png

64 64 dice.jpg

Accept.png

Hand.png

Point.png

Refuse.png


Also check out images below created by Fabian "Viking" Jakobsson under Creative Commons license:

Meeple iso.png

Meeple top.png

Cube iso.png

Cube top.png

Castle iso.png

Castle top.png

House iso.png

House top.png

Cylinder iso.png

Cylinder top.png


BGA created cards decks PNG image sprites you can use for your games:

(These were created using https://www.me.uk/cards/)

https://x.boardgamearena.net/data/others/cards/FULLREZ_CARDS_DESIGN_COLORED.jpg

https://x.boardgamearena.net/data/others/cards/FULLREZ_CARDS_DESIGN_NORMAL.jpg

https://x.boardgamearena.net/data/others/cards/FULLREZ_CARDS_ORIGINAL_COLORED.jpg

https://x.boardgamearena.net/data/others/cards/FULLREZ_CARDS_ORIGINAL_NORMAL.jpg