This is a documentation for Board Game Arena: play board games online !
BGA Code Sharing: Difference between revisions
Micah Stairs (talk | contribs) (Added Innovation's GitHub repo.) |
Victoria La (talk | contribs) |
||
(27 intermediate revisions by 9 users not shown) | |||
Line 3: | Line 3: | ||
This page is for listing of externally hosted bga projects, tools and resources, as well as internal project | This page is for listing of externally hosted bga projects, tools and resources, as well as internal project | ||
intended for sharing | intended for sharing | ||
== Community shared components, pens, etc == | |||
{| class="wikitable" | |||
|- | |||
! NAME | |||
! CODE LINK | |||
! DESCRIPTION | |||
|- | |||
! colspan="3" | Dice models and animation | |||
|- | |||
| Die: 4 sided | |||
| https://codepen.io/mrkiffie/pen/doVZgW | |||
| code pen | |||
|- | |||
| Die: 4 sided | |||
| https://codepen.io/VictoriaLa/pen/JjZNezr | |||
| code pen | |||
|- | |||
| Die: 6 sided | |||
| https://github.com/elaskavaia/bga-sharedcode | |||
| Code can be found in project | |||
|- | |||
| Die: 12 sided (dodecahedron) | |||
| https://codepen.io/VictoriaLa/pen/xxLLxOP | |||
| Code pen | |||
|- | |||
| Die: 20 sided | |||
| https://codepen.io/vicentemundim/details/cenIh | |||
| Code pen | |||
|- | |||
! colspan="3" | Moving object using CSS animation (mostly) | |||
|- | |||
| Phantom object move on oversurface | |||
| https://codepen.io/VictoriaLa/pen/gORvdJo | |||
| This technique creates clone of the object it moves it on another surface. It works well when parents that css transform applies such as scale and rotate | |||
|- | |||
| Move object directly using positioning | |||
| https://codepen.io/VictoriaLa/pen/dyzgKVX | |||
| This technique is modification of BGA framework method to allow mobile object not to have absolute position before or after the move (and uses css animation not dojo). Methods slideToObjectRelative, attachToNewObjectNoDestroy | |||
|- | |||
! colspan="3" | Responsive layout for game boards | |||
|- | |||
|Flex Layout | |||
|https://codepen.io/VictoriaLa/pen/XWjJJgG | |||
|Example on how to create flexible layout just by using css | |||
|- | |||
! colspan="3" | Algorithms | |||
|- | |||
|Hex grid | |||
|tapestry,Tumbleweed,gaia project,Gold West | |||
| | |||
|- | |||
|Shortest path on hex grid | |||
|memoir 44 | |||
| Disjktra | |||
|- | |||
|Largest area on hex grid | |||
|tapestry, ... | |||
| | |||
|- | |||
|Largest area on square grid | |||
|king domino, ... | |||
| | |||
|- | |||
|Tetris pieces | |||
|patchwork, ... | |||
|Matrix manupations to rotate, flip and fit tetris pieces | |||
|- | |||
|Line of sights on hex grid | |||
|memoir 44 | |||
|Find intersecting hexes on a line between two cells | |||
|- | |||
|} | |||
== Projects hosted not in studio == | == Projects hosted not in studio == | ||
Line 16: | Line 91: | ||
! CODE LINK | ! CODE LINK | ||
! DEVELOPER | ! DEVELOPER | ||
! COMMENT | |||
|- | |- | ||
| Shared Code (not a game) | | Shared Code (not a game) | ||
| https://github.com/elaskavaia/bga-sharedcode | | https://github.com/elaskavaia/bga-sharedcode | ||
| Victoria_La | | Victoria_La | ||
| Examples of various game components and PHP stubs of framework code to make IDE happy | |||
|- | |||
| Vanilla Typescipt template (not a game) | |||
| https://github.com/elaskavaia/bga-dojoless | |||
| Victoria_La | |||
| Project template for typescript and using minimal dojo, good for vscode - type checking, auto-complete, navigation | |||
|- | |- | ||
| BoardGameArena Workbench (not a game) | | BoardGameArena Workbench (not a game) | ||
Line 28: | Line 110: | ||
! CODE LINK | ! CODE LINK | ||
! DEVELOPER | ! DEVELOPER | ||
! COMMENT | |||
|- | |- | ||
| 99 (Trick-taking Card Game) | | 99 (Trick-taking Card Game) | ||
Line 36: | Line 119: | ||
| https://github.com/sebastien-prudhomme/bga-assyria | | https://github.com/sebastien-prudhomme/bga-assyria | ||
| daikinee | | daikinee | ||
|- | |||
| Aura | |||
| https://github.com/micahstairs/bga-aura | |||
| Micah Stairs (micahstairs) | |||
|- | |- | ||
| Bandido | | Bandido | ||
Line 140: | Line 227: | ||
| https://github.com/ishermandom/bga-42 | | https://github.com/ishermandom/bga-42 | ||
| Stardust Spikes, Jason Turner-Maier, Ilya Sherman | | Stardust Spikes, Jason Turner-Maier, Ilya Sherman | ||
|- | |||
| Tic Tac Match | |||
| https://github.com/leocaseiro/bga-tictacmatch | |||
| Leo Caseiro | |||
|- | |- | ||
| Uptown | | Uptown | ||
Line 172: | Line 263: | ||
| https://github.com/eoincos/bga-dicesummoners | | https://github.com/eoincos/bga-dicesummoners | ||
| eoincos | | eoincos | ||
|- | |||
| Trick of the Rails | |||
| https://github.com/Fnordistan/trickoftherails | |||
| AmadanNaBriona | |||
|- | |||
| The Lady and the Tiger (Doors) | |||
| https://github.com/Fnordistan/ladyandthetiger | |||
| AmadanNaBriona | |||
|- | |||
| For-Ex | |||
| https://github.com/Fnordistan/forex | |||
| AmadanNaBriona | |||
|- | |||
| In the Year of the Dragon (10th Anniversary Edition) | |||
| https://github.com/Fnordistan/ityotd | |||
| AmadanNaBriona | |||
|- | |||
| Perikles | |||
| https://github.com/Fnordistan/perikles | |||
| AmadanNaBriona | |||
|- | |- | ||
|} | |} | ||
Line 178: | Line 289: | ||
Any developer can add themselves to a project as read-only from | Any developer can add themselves to a project as read-only from https://studio.boardgamearena.com/#!projects page (almost any project). | ||
The list below are no-games which do not have bgg id and not showing up there. | The list below are no-games which do not have bgg id and not showing up there. | ||
Line 188: | Line 299: | ||
|- | |- | ||
| Shared Code | | Shared Code | ||
| | | https://studio.boardgamearena.com/gamepanel?game=sharedcode | ||
| Victoria_La | | Victoria_La | ||
|- | |- | ||
| Original BGA template | | Original BGA template | ||
| | | https://studio.boardgamearena.com/gamepanel?game=template | ||
| Victoria_La | | Victoria_La | ||
|- | |- | ||
Line 200: | Line 311: | ||
Moved to [[Tools_and_tips_of_BGA_Studio]] | Moved to [[Tools_and_tips_of_BGA_Studio]] | ||
[[Category:Studio]] |
Revision as of 03:46, 13 November 2022
This page is for listing of externally hosted bga projects, tools and resources, as well as internal project intended for sharing
NAME | CODE LINK | DESCRIPTION |
---|---|---|
Dice models and animation | ||
Die: 4 sided | https://codepen.io/mrkiffie/pen/doVZgW | code pen |
Die: 4 sided | https://codepen.io/VictoriaLa/pen/JjZNezr | code pen |
Die: 6 sided | https://github.com/elaskavaia/bga-sharedcode | Code can be found in project |
Die: 12 sided (dodecahedron) | https://codepen.io/VictoriaLa/pen/xxLLxOP | Code pen |
Die: 20 sided | https://codepen.io/vicentemundim/details/cenIh | Code pen |
Moving object using CSS animation (mostly) | ||
Phantom object move on oversurface | https://codepen.io/VictoriaLa/pen/gORvdJo | This technique creates clone of the object it moves it on another surface. It works well when parents that css transform applies such as scale and rotate |
Move object directly using positioning | https://codepen.io/VictoriaLa/pen/dyzgKVX | This technique is modification of BGA framework method to allow mobile object not to have absolute position before or after the move (and uses css animation not dojo). Methods slideToObjectRelative, attachToNewObjectNoDestroy |
Responsive layout for game boards | ||
Flex Layout | https://codepen.io/VictoriaLa/pen/XWjJJgG | Example on how to create flexible layout just by using css |
Algorithms | ||
Hex grid | tapestry,Tumbleweed,gaia project,Gold West | |
Shortest path on hex grid | memoir 44 | Disjktra |
Largest area on hex grid | tapestry, ... | |
Largest area on square grid | king domino, ... | |
Tetris pieces | patchwork, ... | Matrix manupations to rotate, flip and fit tetris pieces |
Line of sights on hex grid | memoir 44 | Find intersecting hexes on a line between two cells |
Projects hosted not in studio
See the table a link and nickname of the developer on bga (same as used for dev forum), and short description. See Tools_and_tips_of_BGA_Studio#Version_Control for some suggestions on how and where to publish your code externally. Also see the boardgamearena tag on github.
Important notice about artwork on BGA Open Source projects: original hi-resolution images from publishers must not be published on the repositories. In addition, it is better to specify that the images derivated from publishers artwork are copyrighted and cannot be licensed under a free license like Creative Commons.
Projects on studio
Any developer can add themselves to a project as read-only from https://studio.boardgamearena.com/#!projects page (almost any project). The list below are no-games which do not have bgg id and not showing up there.
NAME | CODE LINK | DEVELOPER |
---|---|---|
Shared Code | https://studio.boardgamearena.com/gamepanel?game=sharedcode | Victoria_La |
Original BGA template | https://studio.boardgamearena.com/gamepanel?game=template | Victoria_La |
Other useful resources
Moved to Tools_and_tips_of_BGA_Studio