A DnD Character sheet I made using Canvas! (complete with working deathsaves counter)

Share & showcase
,
1

Canvas - Diero Falone
Canvas - Diero Falone1920×1482 366 KB

This is a DnD character sheet I made for my current character. It’s designed to be visually striking, user-friendly, and customizable to whatever type of character you play. Made with Canvas and one long CSS snippet. No plugins required (except valentine195’s Dice Roller plugin for the last-minute addition of a 3D rollable hit dice.

GitHub link: https://github.com/epictris/canvas-character-sheet

Features:

  • Visual customization is achieved purely through a CSS snippet
  • Every field is easily editable
  • Non-essential node movement/resizing is disabled to improve UX
  • Image backgrounds expand fluidly as the content inside them grows
  • Functional deathsaves counter (give it a try)
  • Rollable 3D hit dice (thanks valentine195)

This is a prototype, so keep in mind that minimal effort has been made to ensure compatibility with any themes/plugins. Enable this snippet in your own vault at your own risk. (it’s not going to do any damage, but it might temporarily mess with how your other canvases look)

21 Likes
2

great work

1 Like
3

I’ve been playing around with your code, and allow me to say: wow. The implementation isn’t rocket surgery: it’s using the canvas and sprinkling some CSS. But the concept: :exploding_head:

Huge fan of your work, and I’m having loads of fun playing around with the CSS.

2 Likes