Difference between revisions of "Character Sheet Development/Tutorials"
From Roll20 Wiki
Andreas J. (Talk | contribs) m (→Tutorials) |
Andreas J. (Talk | contribs) m (Update links to GiGs' guides) |
||
| (6 intermediate revisions by one user not shown) | |||
| Line 3: | Line 3: | ||
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 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= | ||
| + | |||
| + | ==[[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/roll20-sheet-author-master-list/ Roll20 Sheet Master List] Guide for Roll20 Sheet Authors - Groups articles by topic | ||
| + | * [https://cybersphere.me/guide-to-the-guide/ Guide to the Guide] shorter rundown of some general sheet author stuff. | ||
| + | ** [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] | ||
| + | ** [https://cybersphere.me/guide-to-rolltemplates-and-translations/ RollTemplates and Translation] Aug. & Dec. 2023 | ||
| + | ** 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]]== | ==[[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) | ||
Latest revision as of 04:00, 12 December 2023
 | Page Updated: 2023-12-12 |
 | 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.
[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.
- 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.
