Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Good size for Scene Page

1476921685
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
One thing I've wanted to start doing is to create "scene pages". This would be a page wherein there is no need for a tactical map, but a there is a significant encounter. I plan to do this by using wallpaper-style scenes of a wizard's work room, a temple chamber, a specialty shop, etc. I'd like, when switching the players to that view, to have a good default size that has a decent chance of filling their screen without having a lot of blank space or cutting off important elements. Is there a decent rule of thumb that should catch most use cases? Is there a way of zooming a page to fill the window? Or is this pretty much a fool's errand?
1476923418

Edited 1476923474
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
It's going to depend on their screen resolutions, what roll20 zoom they use (not actually sure if this stays the same across pages or not, so may be a non-issue), any UI size modifications(such as that for windows), and finally if they have their browser set to any default zoom. I'd say that switching from my laptop to my desktop I get probably 75% more map onto a single default zoom. I'd see what works on your computer, figure out where your resolution falls in the low-high spectrum, and then go a little conservative based on that.
1476935234

Edited 1476936516
Gold
Forum Champion
For this, I recommend creating a Page (suggested units: 120 wide x 180 tall) that is your canvas, corkboard, matte, backdrop. Set a dark background color. This can be more of a storyboard / timeline / scrapbook method not limited to 1 scene per page. Place your theatrical scene image(s) around the Page, not entirely filling it edge to edge. Always leave a margin (recommended: 4 units) on the left, right, top, and bottom, which facilitates scrolling and zooming to all corners.  In other words be sure to inset your images, not to fill the entire page with the picture. As GM on an average sized screen like a laptop you can experiment, go to 100% zoom (the default starting point) within the page and drag your scene image to fill the amount of screen that you like. A picture filling perhaps -- I'll get a unit number for you so I'm not guessing, brb -- filling something like 10x8 units should look like a nice centered picture on many screens at 100% zoom, and if it's not right-on then the person can zoom in or out a little bit. A picture around 20x12 could be an ideal compromise that would predictably fill most screens or at least be generously sharp at varying zoom levels. A picture filling something like 40x30 most people / most screens will be either zooming-out to see the entire picture, or scrolling around to see it all. To get into the gritty math part, as an aside, 1 unit in Roll20 at 100% zoom is 70x70 pixels. You can compare this with monitor / TV / and laptop screen pixel resolutions if needed to be precise. 1080p High Def screen is 1920 pixels wide, give about 30% of the width for chatroom UI, they would still have a tabletop view of around 1400 pixels, so they could see a picture 20 units wide (roughly 20x12) at 100% without zooming or scrolling. Note: Some laptop screens are smaller / worse resolution than this number, and some screens like the current 5K Macs or 4K TV's are much higher resolution. The GM can also now use Shift-Ping (shift and hold mouse button) to draw everyone's attention to the center of the current scene image, just to make sure they're on the right spot. It is up to each player to properly refine their Zoom from that point, but given the margins we're giving in this method, it should be possible to size it ideally on any screen size. If you like, now turn on Fog of War, and use Reveal tool to show just the scene picture that you want everyone to focus on. This gives you (GM) some hidden side-border spaces to collect monsters or other surprises, or to prepare a full Storyboard of your Scenery images that would be revealed one by one, chapter by chapter --- by revealing on the Fog of War on the singular Page, and you won't necessarily need to make a new Page for each new Scene image. And this cues the player where to scroll and zoom, if the default didn't start out as much on-point as we're hoping. Bonus points, place additional scenery images (perhaps smaller sized) around the edges of your main/central image. GM can select the side-images and press Shift-Z to pop up the bonus picture for display in the middle of the screen at full size with a black lightbox effect. These could be portraits of people who enter the scene, or could be a note on the table and if they look closer at the paper and read it then you can show the adjacent image as a pop-up or by revealing it from the Fog. ------ The alternative, if you decide to make Pages where the Scene image fills the entire page, the good news is that Roll20 will automatically cause everyone's window to look at the correct spot, and there won't be any room for scrolling. (Also no room for the fog of war and side-images). In this case I would try something like 20x12 for the page units, and experiment from there. 10x8, to 20x16, something around that range should create a fully-viewable entire page.
1476980953
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Thanks Gold, Those are great suggestions. I don't think I'll need the Fog-of-War business, since I'm primarily using this for tone and mood, but the sizing guidelines are a great place to start.
1476981998
Gold
Forum Champion
Let us know your findings after trying those starting points and presenting the scene-page(s) to your players. In another thread (different subject but related to showing larger images), The Aaron came up with 10x10 units for a suggested large-picture size. The largest maps in Roll20 Marketplace are usually up to 30x30 but can be tiled into maps of 80x80 or larger; but these are MAPS that tokens walk-around on, and the player usually scrolls to see the topography section-by-section, so these kinds of map images are larger than a Scenery illustration picture would need to be.
1476982095
The Aaron
Pro
API Scripter
That 10x10 was pretty arbitrary...  mainly a "what looks decent on my screen for this video."
1476993633
Gold
Forum Champion
The Aaron said: That 10x10 was pretty arbitrary...  mainly a "what looks decent on my screen for this video." True, that said, I felt like it was related to keithcurtis' question (what looks decently full size on an average screen setting?). 10x10 makes a 700x700 pixel graphic display at 100% zoom. That is, roughly, a good sized picture on the internet, not a huge picture to zoom and pan around (even zoomed to 200% it would still not quite fill an HD TV screen), and not a little logo size (unless you zoom way out to 20% or 10%). We should probably make a chart, diagram or demo of different sizes on the tabletop.