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 (A Sheet Author's Journey)
m
(12 intermediate revisions by one user not shown)
Line 1: Line 1:
<noinclude>{{revdate}}{{BCS}}
+
<noinclude>{{revdate}}{{BCS}} {{NavSheetDoc}}
 
{{main|Building Character Sheets}}
 
{{main|Building Character Sheets}}
Tutorials to Roll20's [[Character Sheet Development]]-framework, & tips to get started.
+
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>
{{NavSheetDoc}}</noinclude>
+
 
+
 
=Tutorials=
 
=Tutorials=
==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, as he creates a sheet for [https://www.drivethrurpg.com/product/295279/The-Heros-Journey-Second-Edition The Hero’s Journey, 2nd edition]. The [https://app.roll20.net/forum/permalink/10646215/ K-scaffold] framework will be used.
 
  
* {{fpl|10665000/ A Sheet Author's Journey - The Beginning (Part 1)}}
+
==[[GiGs]]==
* {{fpl|10680723/ A Sheet Author's Journey - Do the PUG! (Part 2)}}
+
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/introduction-to-the-site/ Reference Guide for Roll20 Sheet Authors]
 +
** [https://cybersphere.me/html-building-blocks/ HTML – The Building Blocks] - further split into smaller pages
 +
*** [https://cybersphere.me/inputs-and-attributes/ Inputs and Attributes]
 +
** 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]]==
 +
{{: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>
 
<noinclude>
  
Line 21: Line 37:
 
* [[Sheet Sandbox]]
 
* [[Sheet Sandbox]]
 
* [[Sheet Editor]]
 
* [[Sheet Editor]]
 
+
* [[VS Code]] Great cross-platform code editor, which even have a few Extensions specifically for Roll20 sheet development.
 
==See Also==
 
==See Also==
 
* [[Character Sheet Development/Bugs & Quirks]]
 
* [[Character Sheet Development/Bugs & Quirks]]
 
* [[Character Sheet Development/Common Mistakes]]
 
* [[Character Sheet Development/Common Mistakes]]
* [[Building_Character_Sheets#Complete_Example|Sheet Examples]]
+
* [[Character Sheet Development/Complete Examples|Sheet Examples]]
 
* [[Character Sheet Development/CSS]]
 
* [[Character Sheet Development/CSS]]
 
** [[Designing Character Sheet Layout]]
 
** [[Designing Character Sheet Layout]]
Line 31: Line 47:
 
* [[Sheet Author Tips]]
 
* [[Sheet Author Tips]]
 
* [https://github.com/Roll20/roll20-character-sheets Character Sheet Repository]
 
* [https://github.com/Roll20/roll20-character-sheets Character Sheet Repository]
[[Category:Character Sheet Creation]]‎</noinclude>
+
[[Category:Character Sheet Creation]]
 +
[[Category:Character Sheet Development]]‎</noinclude>

Revision as of 12:14, 15 May 2022

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.

Below are listed a few highlights:

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


Other


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.

See Also