/rpg-quick-encounter

RPG quick encounter is an online tool to help you get up and running with your next encounter in moments.

Primary LanguageJavaScript

Quick RPG Encounters.

Instantly turn any battlemap in to a playable encounter! Setup and run your TTRPG encounters via video chat in minutes.

Try it now at:
https://thybag.github.io/rpg-quick-encounter/

Screenshot of tool in use

How to use it

  • Any map - Grab the map url, paste it in and your on your way. Plenty of great ones are shared on reddit every day.
  • Players - Click a player to spawn them on the map, then drag them around as need be. Double click to rename & right click to remove.
  • Spawn NPC's - Select a name and icon from spawn menu & get them added.
  • Fog - Click to clear an area of fog, right click to re-add it. You can control fog opacity, clearing size or just turn it off in the fog menu.
  • Auto save - Every action is saved to your local storage so you can quickly resume a game at your leisure. All saves are shown on the wizard.
  • Player bar - Click a player to spawn or focus on them plus reorder freely to match your turn order.
  • Custom icons - Just drag them in to the image picker and they will be available for all your encounters.
  • URL options - Create maps using links, use map for the image and players with a comma separated list users.
  • Local storage sync - Allowing you to setup ambushes off screen by opening a second copy of the map on another window.

Planned features

  • Add more features to getting started.
  • Import/Export - so people can share reconfigured encounters or just move them around.
  • Ability to add overlays for injured or dead NPC's.
  • More default NPC options.
  • Set the icon size so they fit your tile system.

Credits

Released by Carl Saggs under the MIT license.

Made possible by the great work in;

  • Leaflet.js - Powering the maps themselves.
  • Rollup.js - Build tooling
  • turf.js - Clever GeoJson tools.
  • Kenny's - Awesome free assets.
  • Lump.js - Because this is a hobby project, so why not attempt to roll my own js framework.
  • CatnipCarta - Creating the map used in the screenshots.
  • Github - Hosting