https://github.com/syntaxseed/dnd-tile-browser

Flip through D&D or other tabletop gaming tilesets without having to get a spoiler-y view of their thumbnails. Click the tile image name and it brings the image up. Handy dice-roller buttons on the side.
https://github.com/syntaxseed/dnd-tile-browser

Last synced: 3 months ago
JSON representation

Flip through D&D or other tabletop gaming tilesets without having to get a spoiler-y view of their thumbnails. Click the tile image name and it brings the image up. Handy dice-roller buttons on the side.

• Host: GitHub
• URL: https://github.com/syntaxseed/dnd-tile-browser
• Owner: syntaxseed
• License: mit
• Created: 2019-02-17T18:24:29.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-06-11T15:40:53.000Z (almost 7 years ago)
• Last Synced: 2025-02-01T11:44:52.577Z (about 1 year ago)
• Language: HTML
• Size: 7.72 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# DnD-Tile-Browser

While playing D&D adventures we wanted a way to have tilesets open in a browser tab, and avoid seeing the spoiler-y thumbnails. We also like to open our PDFs in the brower too, switch to full screen then we only need to switch between (fullscreened) browser tabs for a distraction free gaming experience. Can be used for any set of images you want to browse, not specific to D&D.

Click the tile image name and it brings the image up. Handy dice-roller buttons on the side.

![DnD Tile Browser Screenshot](screenshot.png "DnD Tile Browser Screenshot")

## Instructions:

- Download or copy the play.html file found in the src directory into your folder of tile images.

- Remove any apostrophes or odd characters from the image filenames.

- Edit the file and replace the placeholder list of images with the real ones.

- You must include the file extension.

- The last one in the list must NOT have a trailing comma.

- Save the file.

- Right-click the file and open in a web browser.

- Click the tile names to view them.

- You can use the dice rollers on the side (not visible on narrow phones).

## Tips

- Use full-screen mode in your browser (usually F11) .Switch tabs easily via keyboard (usually Ctrl+Tab).

- A source of free tilesets: http://rpgmapshare.com/.

- List filenames vertically sorted properly with numbers in a directory (Bash terminal): "ls -1v". Then copy-paste these into the play.html file.

## Credits:

* Author: Sherri Wheeler

* Originally Created For: DnD 5E Solo Gamebooks by Paul Bimler

* Sample tiles found: http://rpgmapshare.com/ by Steel Rat