- Download the toolkit
- Create a folder for your character sheet project under
src
- Create
sheet.html
for the sheet itself - Create
sheet.css
for the styles - Open up toolbox/index.html in a browser
- If you have npm installed on your machine you can run the tool with the following commands
npm run start:windows
npm run start:mac
npm run start:linux
npm run start:cygwin
- If you have npm installed on your machine you can run the tool with the following commands
- Select add your project name and hit enter
- Your character sheet is shown
- Provides all Roll20 custom style rules
- Provides sandbox environment for building your Character sheet
- Separates document structure (HTML) and styles (CSS)
- Easy reload without the need of searching for files
- Builds sheet for deployment
- Copy all files from
src/<PROJECT_NAME>
intobuild/<PROJECT_NAME>
folder - Rename
sheet.html
andsheet.css
according to Roll20 standards
- Copy all files from
- Renders sheet in iframe as in production
- Free-hand resizing of sheet
- Imitating Roll20 scripting library