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 "Tabletop Overview"

From Roll20 Wiki

Jump to: navigation, search
m (Art Search)
m
 
(5 intermediate revisions by one user not shown)
Line 1: Line 1:
<div style="background:#f0e2a1; border: 3px solid #dbc870; padding: 10px;">
+
{{revdate}}{{HCbox| {{hc|articles/360039734913-Tabletop-Overview Here}} }}
<big>'''''Attention:'''''
+
[[File:Roll20 Interface.jpg|thumb|right|500px|]]
''Roll20 is no longer maintaining this document on the community wiki. For the most up-to-date information please visit this page on our help center for assistance: [https://roll20.zendesk.com/hc/en-us/articles/360039734913-Tabletop-Overview Here].''</big>
+
This is the playspace that represents the actual &quot;table&quot; 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.
</div>
+
[[File:Roll20 Interface.jpg|thumb|right|600px|]]
+
This is the playspace that represents the actual &quot;table&quot; 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 mooks around a gameboard, or just display backdrop pictures to set the right mood.
+
 
=The Tabletop=
 
=The Tabletop=
<div style="float: right; width: 45%; margin-left: 5%; margin-bottom: 20px;">
+
<div style="float: right; width: 255px; margin-left: 5%; margin-bottom: 20px;">
 
* [[User Interface]]
 
* [[User Interface]]
 
** '''1.''' [[Tabletop Overview|The Tabletop]]
 
** '''1.''' [[Tabletop Overview|The Tabletop]]
Line 12: Line 9:
 
** '''3.''' [[Page_Toolbar|Page Toolbar]]
 
** '''3.''' [[Page_Toolbar|Page Toolbar]]
 
** '''4.''' [[Sidebar|The Sidebar]]
 
** '''4.''' [[Sidebar|The Sidebar]]
</div>
+
</div>{{#evp:youtube|DTuOa2Ba2_w|Learn the Basics!|right|550}}
 
__TOC__
 
__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 <span style="font-family:Pictos;">@</span> [[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 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]].
+
* '''[[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 ==
 +
 +
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.
 
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.
  
 
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.
 
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]]'''
 
''Main Article:'' '''<span style="font-family:Pictos;">P</span> [[Art Library]]'''
Line 41: Line 44:
 
{{#evp:youtube|DkIhdFWh04A|Moving around the map|right|500}}
 
{{#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.
 
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 ==
  
Line 47: Line 50:
  
 
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.
 
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 ==
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
+
{{:Ping}}
 
+
'''Shift+Ping (GM Feature)'''
+
 
+
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.
+
  
 
= Related Pages =
 
= Related Pages =
Line 62: Line 61:
 
* [[Gamemaster]]
 
* [[Gamemaster]]
 
* [[Player]]
 
* [[Player]]
<br>
+
* New to Roll20
<br>
+
** [[Tutorial]]
 +
** [[Basics]]
 +
** [[Youtube]] Guides
 
[[Category:Docs]]
 
[[Category:Docs]]
 
[[Category:VTT Interface]]
 
[[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