Character Vault
Any Concept / Any System
Compendium
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Difference between revisions of "Character Sheet Development/Tutorials"

From Roll20 Wiki

Jump to: navigation, search
(GiGs)
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 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)
Line 12: Line 7:
 
* [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 20:10, 14 July 2024

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)

Below are listed a few highlights: