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

Personal tools

Difference between revisions of "Character Sheet Development/Tutorials"

From Roll20 Wiki

Jump to: navigation, search
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

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)

Below are listed a few highlights:

[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


[edit] Other


[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.

[edit] See Also