Difference between revisions of "Character Sheet Development/Tutorials"
From Roll20 Wiki
Andreas J. (Talk | contribs) m |
Andreas J. (Talk | contribs) m |
||
| (10 intermediate revisions by one user not shown) | |||
| Line 1: | Line 1: | ||
| − | <noinclude>{{revdate}}{{BCS}} | + | <noinclude>{{revdate}}{{BCS}} {{NavSheetDoc}} |
{{main|Building Character Sheets}} | {{main|Building Character Sheets}} | ||
| − | Tutorials to Roll20's [[Character Sheet Development]]-framework, & tips to get started. | + | 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]].__NOTOC__</noinclude> |
| − | + | ||
| − | + | ||
=Tutorials= | =Tutorials= | ||
| − | ==A Sheet Author's Journey== | + | |
| + | ==[[GiGs]]== | ||
| + | In 2022, [[GiGs]] started writing a Roll20 Sheet Author Guide at [https://cybersphere.me/ cybersphere.me], breaking it down by topic. Articles are simple & approachable. | ||
| + | * Forum discussion of the guide: [https://app.roll20.net/forum/permalink/10824110/ Sheet Author Guide: Using HTML] April 22, 2022 | ||
| + | |||
| + | Below are listed a few highlights: | ||
| + | * [https://cybersphere.me/introduction-to-the-site/ Reference Guide for Roll20 Sheet Authors] | ||
| + | ** [https://cybersphere.me/publishing-sheets-to-github/ Publishing Sheets to GitHub] | ||
| + | ** [https://cybersphere.me/html-building-blocks/ HTML – The Building Blocks] - further split into smaller pages | ||
| + | *** [https://cybersphere.me/inputs-and-attributes/ Inputs and Attributes] | ||
| + | ** CSS | ||
| + | *** [https://cybersphere.me/hiding-and-revealing-things-with-css/ How To Hide and Reveal Things With CSS] | ||
| + | *** [https://cybersphere.me/avoid-using-inline-styles/ Avoid Using Inline Styles] | ||
| + | *** [https://cybersphere.me/dont-use-table-use-grid/ Don’t Use TABLE – use GRID] | ||
| + | |||
| + | ==[[A Sheet Author's Journey]]== | ||
{{:Sheet Author's Journey}} | {{:Sheet Author's Journey}} | ||
| + | |||
| + | |||
==Other== | ==Other== | ||
| + | * {{yt.be|v-sJ_Qr-0CM Roll20 custom sheet step by step}} 5min (Sept. 2021) by GM Mike | ||
* [https://www.debigare.com/creating-a-paranoia-25th-anniversary-edition-character-sheet-for-roll20/ Creating a Paranoia 25th Anniversary Edition character sheet for Roll20] Blog post | * [https://www.debigare.com/creating-a-paranoia-25th-anniversary-edition-character-sheet-for-roll20/ Creating a Paranoia 25th Anniversary Edition character sheet for Roll20] Blog post | ||
* {{yt.be|k6wDQJnGJCk PT1 coding a Roll20 Character Sheet}} 40min (April 2021) | * {{yt.be|k6wDQJnGJCk PT1 coding a Roll20 Character Sheet}} 40min (April 2021) | ||
| Line 26: | Line 42: | ||
* [[Character Sheet Development/Bugs & Quirks]] | * [[Character Sheet Development/Bugs & Quirks]] | ||
* [[Character Sheet Development/Common Mistakes]] | * [[Character Sheet Development/Common Mistakes]] | ||
| − | * [[ | + | * [[Character Sheet Development/Complete Examples|Sheet Examples]] |
* [[Character Sheet Development/CSS]] | * [[Character Sheet Development/CSS]] | ||
** [[Designing Character Sheet Layout]] | ** [[Designing Character Sheet Layout]] | ||
Revision as of 08:24, 20 July 2022
 | Page Updated: 2022-07-20 |
 | 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) - 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)
Reference
- Buttons
- Repeating Sections
- Sheetworkers
- Roll Templates
- sheet.json
- Translation
- Auto-Calc
- Advanced
- All SheetDev Pages
Tools & Tips
Git/GitHub 
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.
Tutorials
GiGs
In 2022, GiGs started writing a Roll20 Sheet Author Guide at cybersphere.me, breaking it down by topic. Articles are simple & approachable.
- Forum discussion of the guide: Sheet Author Guide: Using HTML April 22, 2022
Below are listed a few highlights:
- Reference Guide for Roll20 Sheet Authors
- Publishing Sheets to GitHub
- HTML – The Building Blocks - further split into smaller pages
- CSS
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
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
Resources
Translation
See Character Sheet Translation for how internationalization of sheets work.
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.
