Skip to content
Super simple application for creating responsive storyboards and book dummies from a Google spreadsheet.
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
javascripts
stylesheets
README.md
index.html
storyboard.html

README.md

storyboard

Super simple web application for creating responsive storyboards and book dummies from a Google spreadsheet using TabletopJS.

###Why? I was tired of creating storyboards in Illustrator or InDesign and making updates when people changed the script. By using a Google spreadsheet, editors can make changes and the panels will automatically reflow.

###How it works Use the spreadsheet template for creating a new storyboard.

Define the project info on the 'config' sheet, then add the voice over script, descriptions for each panel, links to the images in the 'storyboard' sheet.

Then publish the spreadsheet to the web and include the URL for the published spreadsheet in the HTML (or as a query string ?sheet= ).

I've added some basic print styles so it should look ok when you print it out, but you'll want to use Chrome because I'm placing the panel images as background images to make them responsive AND keep them at the desired aspect ratio (16:9, 4:3, square or trade).

You can’t perform that action at this time.