Difference between revisions of "Character Sheet Development/Tutorials"
From Roll20 Wiki
Andreas J. (Talk | contribs) m (unhide ToC) |
|||
| (2 intermediate revisions by one user not shown) | |||
| Line 1: | Line 1: | ||
| + | <noinclude>{{revdate}}{{BCS}} {{NavSheetDoc}} | ||
| + | {{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]].</noinclude> | ||
| + | =Tutorials= | ||
| + | |||
==[[GiGs]]== | ==[[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. 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. [[User:1223200|1223200]] ([[User talk:1223200|talk]]) 12:02, 10 May 2024 (UTC) | + | 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. 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. [[User:1223200|1223200]] ([[User talk:1223200|talk]]) 12:02, 10 May 2024 (UTC) |
* Forum discussion of the guide: [https://app.roll20.net/forum/permalink/10824110/ Sheet Author Guide: Using HTML] April 22, 2022 | * Forum discussion of the guide: [https://app.roll20.net/forum/permalink/10824110/ Sheet Author Guide: Using HTML] April 22, 2022 | ||
| Line 7: | Line 12: | ||
* [https://cybersphere.me/guide-to-the-guide/ Guide to the Guide] shorter rundown of some general sheet author stuff. | * [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/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/html-building-blocks/ HTML – The Building Blocks] - further split into smaller pages |
| − | ** [https://cybersphere.me/inputs-and-attributes/ Inputs and Attributes] | + | *** [https://cybersphere.me/inputs-and-attributes/ Inputs and Attributes] |
| − | * [https://cybersphere.me/guide-to-rolltemplates-and-translations/ RollTemplates and Translation] Aug. & Dec. 2023 | + | ** [https://cybersphere.me/guide-to-rolltemplates-and-translations/ RollTemplates and Translation] Aug. & Dec. 2023 |
| − | * CSS | + | ** CSS |
| − | ** [https://cybersphere.me/hiding-and-revealing-things-with-css/ How To Hide and Reveal Things With 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/avoid-using-inline-styles/ Avoid Using Inline Styles] |
| − | ** [https://cybersphere.me/dont-use-table-use-grid/ Don’t Use TABLE – use GRID] | + | *** [https://cybersphere.me/dont-use-table-use-grid/ Don’t Use TABLE – use GRID] |
| + | |||
| + | ==[[A Sheet Author's Journey]]== | ||
| + | {{:Sheet Author's Journey}} | ||
| + | |||
| + | |||
| + | ==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 | ||
| + | * {{yt.be|k6wDQJnGJCk PT1 coding a Roll20 Character Sheet}} 40min (April 2021) | ||
| + | * {{yt.be|1=NXE1EQ4eJ48?t=1205 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. | ||
| + | * {{yt.be|UxDQ5oa-Ocs 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 | ||
| + | <noinclude> | ||
| + | |||
| + | =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. | ||
| + | ==See Also== | ||
| + | * [[Character Sheet Development/Bugs & Quirks]] | ||
| + | * [[Character Sheet Development/Common Mistakes]] | ||
| + | * [[Character Sheet Development/Complete Examples|Sheet Examples]] | ||
| + | * [[Character Sheet Development/CSS]] | ||
| + | ** [[Designing Character Sheet Layout]] | ||
| + | ** [[Image use in character sheets]] | ||
| + | * [[Sheet Author Tips]] | ||
| + | * [https://github.com/Roll20/roll20-character-sheets Character Sheet Repository] | ||
| + | [[Category:Character Sheet Creation]] | ||
| + | [[Category:Character Sheet Development]]</noinclude> | ||
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
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.
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.
