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

Difference between revisions of "Tabletop Overview"

From Roll20 Wiki

Jump to: navigation, search
m
 
(20 intermediate revisions by 9 users not shown)
Line 1: Line 1:
 
+
{{revdate}}{{HCbox| {{hc|articles/360039734913-Tabletop-Overview Here}} }}
This is the playspace that represents the actual "table" of your game. It's where you can act out RPG combat with minis on a battlemap, deal a hand of cards and throw around some poker chips, move meeples around a gameboard or just display backdrop pictures to set the right mood.
+
[[File:Roll20 Interface.jpg|thumb|right|500px|]]
 
+
This is the playspace that represents the actual "table" of your game. It's where you can act out RPG combat with minis on a battlemap, deal a hand of [[cards]] and throw around some poker chips, move [[tokens]] around a gameboard, or just display backdrop pictures to set the right mood.
 +
=The Tabletop=
 +
<div style="float: right; width: 255px; margin-left: 5%; margin-bottom: 20px;">
 +
* [[User Interface]]
 +
** '''1.''' [[Tabletop Overview|The Tabletop]]
 +
** '''2.''' [[Toolbox Overview|The Toolbox]]
 +
** '''3.''' [[Page_Toolbar|Page Toolbar]]
 +
** '''4.''' [[Sidebar|The Sidebar]]
 +
</div>{{#evp:youtube|DTuOa2Ba2_w|Learn the Basics!|right|550}}
 +
__TOC__
 
== Elements of The Tabletop ==
 
== Elements of The Tabletop ==
 +
There's two image element types that display on The Tabletop: '''Background Images''' and '''[[Tokens]]'''.
  
There's two image element types that display on The Tabletop: '''Background Images''' and '''Tokens'''.
+
You can [[Manipulating_Graphics|move, rotate & scale]] any elements on the map
  
Background Images are any graphics that you don't plan to move or interact with while playing your game. This would be images like the game board of a boardgame or the terrain of a battlemap. You will want to keep these images on the [[tabletop-toolbox-layers|Map &amp; Background Layer]].
+
* '''Background Images''' are any graphics that you don't plan to move or interact with while playing your game. This would be images like the game board of a boardgame or the terrain of a battlemap. You will want to keep these images on the <span style="font-family:Pictos;">@</span> [[Layers|Map &amp; Background Layer]].
 
+
Tokens are any image that you plan to move around the Table. This would include images like RPG minis, board game components (treasure chests, meeples, etc), poker chips, vehicles and etcerta. An image that is to be treated as a Token must be placed on either the [[tabletop-toolbox-layers|Objects &amp; Tokens or GM Overlay Info Layer]].
+
  
 +
* '''[[Tokens]]''' are any image that you plan to move around the Table. This would include images like RPG minis, board game components (treasure chests, meeples, etc), poker chips, vehicles etcetera. An image that is to be treated as a Token must be placed on either the <span style="font-family:Pictos;">b</span>[[Layers|Objects &amp; Tokens]] or <span style="font-family:Pictos;">E</span> [[Layer|GM Overlay Info Layer]].
 +
<br>
 +
<br>
 +
[[File:Art-library-drag-graphics.gif|right|thumbnail|650px|Dragging images from your {{Art Library}} to the map.]]
 
== Placing Images onto The Tabletop ==
 
== Placing Images onto The Tabletop ==
  
Roll20 accepts the following image file types: JPGs, PNGs, GIFs
+
The [[GM]] can drag & drop images from their {{Art Library}} to the map, and players+GM can [[drag&drop]] character tokens from the {{Journal}}.
 +
Roll20 currently accepts the following image file types: <code>.jpg</code>, <code>.png</code>, and <code>.gif</code>. Files with transparent elements will maintain their transparency on the Roll20 Tabletop.
  
PNG and GIF files with transparent elements will display correctly in Roll20. Animated GIFs '''WILL NOT''' animate on The Tabletop. It will only display the first frame of animation if an animated GIF is uploaded to Roll20.
+
Keep in mind that currently <code>.jpeg</code> is not a supported file type. If you are having difficulty uploading a <code>.jpeg</code> you can easily change it to <code>.jpg</code> via most image editing programs.
  
 +
<br clear=all>
 
=== Image Insertion Methods ===
 
=== Image Insertion Methods ===
 +
''Main Article:'' '''<span style="font-family:Pictos;">P</span> [[Art Library]]'''
  
 
There are two ways to place images onto The Tabletop: direct upload or an image search.
 
There are two ways to place images onto The Tabletop: direct upload or an image search.
  
'''Direct Upload'''
+
====Direct Upload====
  
 
To use images from your own personal files, click on an image from your computer files and drag it directly onto The Tabletop. This will initiate an upload of that image to '''Your Art Library'''. When the upload is complete, it'll display the image on The Tabletop.
 
To use images from your own personal files, click on an image from your computer files and drag it directly onto The Tabletop. This will initiate an upload of that image to '''Your Art Library'''. When the upload is complete, it'll display the image on The Tabletop.
  
If you would prefer to batch upload a series of images at once, you can do this from the '''''Your Art Library''''' window that you can access from the [[sidebar-art-library|Art Library]] tab of the [[sidebar|Sidebar]]. There is a 10 files/5 MB file size per batch limitation to batch uploads.
+
If you would prefer to batch upload a series of images at once, you can do this from the ''''' <span style="font-family:Pictos;">P</span> [[Art Library|Your Art Library]]''''' window that you can access from the [[sidebar|Sidebar]]'s Art Library-tab. There is a 10 files/5 MB file size per batch limitation to batch uploads.
 
+
'''Art Search'''
+
 
+
This method is accomplished by going to the '''Art Library''' tab in the '''Sidebar''' and running a search for a desired art element. When you find an image that you wish to use, click the thumbnail from the search and drag it onto The Tabletop.
+
  
 +
====Art Search====
 +
{{#evp:youtube|DkIhdFWh04A|Moving around the map|right|500}}
 +
This method is accomplished by going to the '''Art Library''' tab in the '''[[Sidebar]]''' and running a search for a desired art element. When you find an image that you wish to use, click the thumbnail from the search and drag it onto The Tabletop.
 +
<br><br><br>
 
== Moving Around The Tabletop ==
 
== Moving Around The Tabletop ==
  
 
You can pan around your Page by either using the scroll bars to the right and bottom of the Tabletop OR click and drag with the right mouse button.
 
You can pan around your Page by either using the scroll bars to the right and bottom of the Tabletop OR click and drag with the right mouse button.
  
You can zoom either by using the Zoom Tool from the [[tabletop-toolbox|Tabletop Toolbox]] OR hold down alt/option while scrolling with the mouse wheel.
+
You can zoom either by using the <span style="font-family:Pictos;">s</span> [[Zoom|Zoom Tool]] from the [[Toolbox Overview|Toolbox]] OR hold down alt/option while scrolling with the mouse wheel.
 
+
<br clear=all>
 
== Pinging the Map ==
 
== Pinging the Map ==
 +
{{:Ping}}
  
If you click and hold down anywhere on the map, radar rings sprout out from the point of your mouse cursor. These Pings are visible to everyone currently playing the Campaign. The GM/Players' current user color is applied to each Ping to better identify who's indicating what. This tool can help indicate points of interests on a map
+
= Related Pages =
 
+
* [[Token Features]]
=== Shift+Ping (GM Feature) ===
+
* [[Manipulating Graphics]]
 
+
* [[Aligning Maps|Aligning Maps with Existing Grids]]
A GM can force all their players to view a certain area of the map by holding the Shift key while Pinging. This is very helpful if you have a very large dungeon map to explore. When a new Page is loaded, the Tabletop's view is automatically set to the upper left hand corner of the Page. If you have the [[tabletop-toolbox-fog-of-war|Fog of War]] enabled, your players might be greeted with their entire Tabletop filled with black fog. Instead of the players panning around the Page to locate their tokens, a Shift Ping leads your players right where they need to be.
+
* [[Game Management]]
 
+
* [[Gamemaster]]
== In-Depth Tabletop Topics ==
+
* [[Player]]
 
+
* New to Roll20
[[tabletop-manipulating-graphics|Manipulating Graphics]]
+
** [[Tutorial]]
 
+
** [[Basics]]
[[tabletop-tokens|Token Features]]
+
** [[Youtube]] Guides
 
+
[[Category:Docs]]
[[tabletop-aligning-maps|Aligning Maps with Existing Grids]]
+
[[Category:VTT Interface]]
 +
[[Category:Maps]]

Latest revision as of 15:34, 6 February 2022

Attention: This page is community-maintained. For the official Roll20 version of this article, see the Help Center for assistance: Here .

Roll20 Interface.jpg

This is the playspace that represents the actual "table" of your game. It's where you can act out RPG combat with minis on a battlemap, deal a hand of cards and throw around some poker chips, move tokens around a gameboard, or just display backdrop pictures to set the right mood.

[edit] The Tabletop

Learn the Basics!

Contents

[edit] Elements of The Tabletop

There's two image element types that display on The Tabletop: Background Images and Tokens.

You can move, rotate & scale any elements on the map

  • Background Images are any graphics that you don't plan to move or interact with while playing your game. This would be images like the game board of a boardgame or the terrain of a battlemap. You will want to keep these images on the @ Map & Background Layer.
  • Tokens are any image that you plan to move around the Table. This would include images like RPG minis, board game components (treasure chests, meeples, etc), poker chips, vehicles etcetera. An image that is to be treated as a Token must be placed on either the bObjects & Tokens or E GM Overlay Info Layer.



Dragging images from your P Art Library to the map.

[edit] Placing Images onto The Tabletop

The GM can drag & drop images from their P Art Library to the map, and players+GM can drag&drop character tokens from the N Journal. Roll20 currently accepts the following image file types: .jpg, .png, and .gif. Files with transparent elements will maintain their transparency on the Roll20 Tabletop.

Keep in mind that currently .jpeg is not a supported file type. If you are having difficulty uploading a .jpeg you can easily change it to .jpg via most image editing programs.


[edit] Image Insertion Methods

Main Article: P Art Library

There are two ways to place images onto The Tabletop: direct upload or an image search.

[edit] Direct Upload

To use images from your own personal files, click on an image from your computer files and drag it directly onto The Tabletop. This will initiate an upload of that image to Your Art Library. When the upload is complete, it'll display the image on The Tabletop.

If you would prefer to batch upload a series of images at once, you can do this from the P Your Art Library window that you can access from the Sidebar's Art Library-tab. There is a 10 files/5 MB file size per batch limitation to batch uploads.

[edit] Art Search

Moving around the map

This method is accomplished by going to the Art Library tab in the Sidebar and running a search for a desired art element. When you find an image that you wish to use, click the thumbnail from the search and drag it onto The Tabletop.


[edit] Moving Around The Tabletop

You can pan around your Page by either using the scroll bars to the right and bottom of the Tabletop OR click and drag with the right mouse button.

You can zoom either by using the s Zoom Tool from the Toolbox OR hold down alt/option while scrolling with the mouse wheel.

[edit] Pinging the Map

If you click and hold down anywhere on the map, radar rings sprout out from the point of your mouse cursor. These Pings are visible to everyone currently playing the Game. The GM / Players' current user color is applied to each Ping to better identify who's indicating what. This tool can help indicate points of interests on a map.


Shift+Ping

Shift+Left Click Example

A GM can force all their players to view a certain area of the map by holding the Shift-key while Pinging. This is very helpful if you have a very large dungeon map to explore. When a new Page is loaded, the Tabletop's view is automatically set to the upper left hand corner of the Page. If you have the Fog of War enabled, your players might be greeted with their entire Tabletop filled with black fog. Instead of the players panning around the Page to locate their tokens, a Shift Ping leads your players right where they need to be.


[edit] Related Pages