Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

How do you create or edit character sheets? Any tutorials? (for custom game, Animorphs)

I'm going to create a 5E system to create an Animorphs RPG but I want to make a custom character sheet for it. From the look to what I want to put in. How do I do that? I've seen through the wiki and not really much on HOW than minor scripting. Do I make the sheet in Photoshop or such and somehow import it in? Nothing on youtube or creating custom characters or editing existing types out there.
February 13 (7 years ago)

Edited February 13 (7 years ago)
vÍnce
Pro
Sheet Author
Get a Pro subscription so you can use custom sheets.  Use notepad++ or similar text editor along with the custom sheet editor(html, css, translation, and preview).  Make changes offline, copy/paste into roll20's editor, save, open game in another tab/window to preview.  Rinse and repeat.  Get familiar with your browser's code inspector for tweaking html/css and such.  Ask questions when you get stuck.  If you are not familiar with html/css/javascript, you might want to grab the code of a "simpler" sheet and learn what's what. Cheers
No, I am not familiar with html/css/javascript. It's been a decade since my geocities days. What "simpler" sheet would you recommend? I have a pro account but just... Need help. 
February 13 (7 years ago)
vÍnce
Pro
Sheet Author
If you plan on doing anything other than simple changes to existing code, you'll need to learn at least a little html and css. Lot's of tutorials on the net.  I believe roll20 has endorsed Codeacademy.  Javascript is less of a requirement, but highly recommended/necessity to handle more advanced capabilities.  That's not to say js can't be used on even the simplest sheet, but I believe it's a more "optional" skill set at the beginning.  That said, some tasks just cannot be accomplished without implementing sheetworkers.  

It sounds like your sheet will be based off of D&D 5e?  Both the Shaped and OGL sheets would probably be considered advanced. You might try starting with the 5th Edition (Community Contributed) sheet by Actoba. github code:(https://github.com/Roll20/roll20-character-sheets/...)  FYI: you can grab any historical version of sheet from github. ie you can grab code from 3 years ago which will probably be a smaller, more simplified code base.  Keep in mind that roll20 has released features that the older versions of sheets did not have access to at the time.  Mainly the way repeating sections were handled. 
So if I wanted to see and edit the source code for 5th Edition (Shaped). How would I do that? 
February 13 (7 years ago)

Edited February 13 (7 years ago)
vÍnce
Pro
Sheet Author
Just copy and paste the "raw" html, css, etc. from github into the appropriate character sheet editor window on roll20.  The editor is available when you choose a custom sheet template.  As mentioned above, most sheet authors will edit offline using a text editor, copy/paste into roll20 and use an actual game to preview since the preview tab provided is buggy. ;-(