Difference between revisions of "Character Sheet Development/Tutorials"
From Roll20 Wiki
Andreas J. (Talk | contribs) (applied intended edits, rolled back unintended removals) |
Andreas J. (Talk | contribs) m (unhide ToC) |
||
Line 1: | Line 1: | ||
<noinclude>{{revdate}}{{BCS}} {{NavSheetDoc}} | <noinclude>{{revdate}}{{BCS}} {{NavSheetDoc}} | ||
{{main|Building Character Sheets}} | {{main|Building Character Sheets}} | ||
− | Tutorials to Roll20's [[Character Sheet Development]]-framework, & tips to get started. See also the [[Character Sheet Development/Complete Examples|Sheet Examples]] & [[Character Sheet Development/Sheet Templates|Sheet Templates]]. | + | Tutorials to Roll20's [[Character Sheet Development]]-framework, & tips to get started. See also the [[Character Sheet Development/Complete Examples|Sheet Examples]] & [[Character Sheet Development/Sheet Templates|Sheet Templates]].</noinclude> |
=Tutorials= | =Tutorials= | ||
Latest revision as of 12:09, 16 July 2024
Page Updated: 2024-07-16 |
This is related to Editing(coding) Character Sheets, which require Pro info to be able to use.Main Page: Building Character Sheets |
Character Sheet Development
Getting Started
- Using Custom Sheets
- Building Sheets
(Main Page) - Glossary
- Code Restrictions
- Best Practice
- Common Mistakes
- Tutorials
- Examples, Templates
- Pattern Libraries
- HTML & storing data
- CSS & Styling
General
- Updates & Changelog
- Known Bugs
- Character Sheet Enhancement(CSE)
- Custom Roll Parsing
- Legacy Sheet(LCS)
- Beacon SDK
Reference
- Buttons
- Repeating Sections
- Sheetworkers
- Roll Templates
- sheet.json
- Translation
- Auto-Calc
- Advanced
- All SheetDev Pages
Tools & Tips
Other
Main Page: Building Character Sheets
Tutorials to Roll20's Character Sheet Development-framework, & tips to get started. See also the Sheet Examples & Sheet Templates.
Contents |
[edit] Tutorials
[edit] GiGs
In 2022, GiGs started writing a Roll20 Sheet Author Guide at cybersphere.me, breaking it down by topic. Articles are simple & approachable. As of May 2024, there are lots of articles, and in many cases their take on a topic is more useful than the community wiki page/section on the same thing. Andreas J. (talk) 12:02, 10 May 2024 (UTC)
- Forum discussion of the guide: Sheet Author Guide: Using HTML April 22, 2022
Below are listed a few highlights:
- Roll20 Sheet Master List Guide for Roll20 Sheet Authors - Groups articles by topic
- Guide to the Guide shorter rundown of some general sheet author stuff.
- Publishing Sheets to GitHub
- HTML – The Building Blocks - further split into smaller pages
- RollTemplates and Translation Aug. & Dec. 2023
- CSS
[edit] A Sheet Author's Journey
A series of forum posts by Scott C., going through the steps from start to finish with creating a new character sheet template, as he creates a sheet for The Hero’s Journey, 2nd edition. The guide is fairly advanced.
K-Scaffold, a PUG framework created by him, is used though the guide to create the sheet. K-scaffold Intro
- A Sheet Author's Journey(Part 1) - The Beginning(Forum) Feb 2, 2022
- A Sheet Author's Journey(Part 2) - Do the PUG!(Forum) Feb 9, 2022
- A Sheet Author's Journey(Part 3) - Repeating sections and writing sheetworkers!(Forum) Feb 16, 2022
- A Sheet Author's Journey(Part 4) - Style and Layout(Forum) Feb 22, 2022
- A Sheet Author's Journey(Part 5) - Finding our flair!(Forum) March 15, 2022
- A Sheet Author's Journey(Part 6) - Roll on!(Forum) March 30, 2022
[edit] Other
- Roll20 custom sheet step by step 5min (Sept. 2021) by GM Mike
- Creating a Paranoia 25th Anniversary Edition character sheet for Roll20 Blog post
- PT1 coding a Roll20 Character Sheet 40min (April 2021)
- Working on a Roll20 Sheet for Romance of the Perilous Land 120min stream, by "Live from Pellam's Wasteland" - show basics on how HTML work in Roll20, create from scratch.
- Roll20 tutorial custom character sheet I made my own Roll20 custom character sheet 8 min (Sept 2021) -- explains the sheet editor, and how they made their sheet
[edit] Resources
[edit] Translation
See Character Sheet Translation for how internationalization of sheets work.
[edit] Tools
To truly test sheets, one needs to do so inside Roll20 using either available tool, and any try at offline/local testing will lack connection to Roll20's backend & the default CSS libraries/styling Roll20 has for character sheet elements.
- Sheet Sandbox
- Sheet Editor
- VS Code Great cross-platform code editor, which even have a few Extensions specifically for Roll20 sheet development.