/Board-Project

Experimental - Creating an isometric board suitable for tabletop games using only native JS and CSS

Primary LanguageJavaScript

3d20

Short demo image

Status - In Hiatus, but not forgotten!

https://board-3d20.herokuapp.com/

The current idea in progress is a 3-dimensional board that people can use for various tabletop games. I took my inspiration from old-school isometric tactical games, such as X-com and Final Fantasy Tactics.

The end product will hopefully allow people to have a more immersive experience with tier tabletop games, whatever it may be!

Tech

Node.js and Express. Vanilla Javascript and CSS! No libraries.

Gameplan

  1. Create workable grid.
    • Decide on how to make grid
    • Allow creation of different grid sizes
    • Allow tracking of cell grids
  2. Create a draggable object
    • Have it work with grid (may have to redo 1)
    • Able to drag it from container to grid cell
    • Able to create extra instances
    • Able to drag it from grid cell to another cell
    • Zoom
  3. Visual effects/Adjusting
    • Able to rotate grid
    • Able to create different height (true 3D)
    • Object generator rather than creating THEN dragging
    • Basic adjusting of where the grid is (center it)
    • Need a cleaner way of doing this
  4. Basic clean-up
    • Improve and clean-up basic javascript
  5. Tokens
    • Create tokens
    • Able to upload images for tokens
    • Multi-face tokens?
  6. Socket
    • Implement Socket.io? * I don't even know where this begins
    • Create users/rooms?
  7. ???

Currently reworking javascript