Difference between revisions of "Character Sheet Development/Tutorials"
From Roll20 Wiki
Andreas J. (Talk | contribs) m (Reverted edits by 157788 (talk) to last revision by Andreas J.) |
|||
| 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]].__NOTOC__</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 | + | 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 may cases his 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> | ||
Revision as of 12:06, 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.
Tutorials
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 may cases his 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
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.
