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
(Created page with "caption Interface Overview == 1. Tabletop Toolbox == The Tabletop Toolbox ...")
 
m
 
(21 intermediate revisions by 9 users not shown)
Line 1: Line 1:
[[Image:/images/interface_overview.jpg|frame|none|alt=|caption Interface Overview]]
+
{{revdate}}{{HCbox| {{hc|articles/360039734913-Tabletop-Overview Here}} }}
 +
[[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 ==
 +
There's two image element types that display on The Tabletop: '''Background Images''' and '''[[Tokens]]'''.
  
== 1. [[tabletop-toolbox|Tabletop Toolbox]] ==
+
You can [[Manipulating_Graphics|move, rotate & scale]] any elements on the map
  
The [[tabletop-toolbox|Tabletop Toolbox]] provides you with a series of useful tools for manipulating the table as well as objects on the table such as maps and tokens. Note that some tools may require you to hover over the button with your mouse pointer to view all the available options. Many of these tools are explained in more detail on their own help pages; we've included links to read more about the tool where available.
+
* '''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]].
  
The tools are (from top-to-bottom):
+
* '''[[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 ==
  
The [[tabletop-toolbox-select-and-pan|'''Select/Pan''']] tool switches between a (default) select mode for manipulating objects and an alternate pan mode for quickly scrolling around the table.
+
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.
  
The [[tabletop-toolbox-layers|'''Layers''']] tool (GM Only) switches between the three layers on the tabletop (the Map layer, Objects/Tokens layer, and GM Info layer, which is only visible to the GM). Note that players are always on the Objects/Tokens layer, and cannot switch between layers.
+
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.
  
The [[tabletop-toolbox-drawing-tools|'''Drawing''' tools]] let you draw free-hand as well as shapes on the tabletop that everyone can see. You can also create text.
+
<br clear=all>
 +
=== Image Insertion Methods ===
 +
''Main Article:'' '''<span style="font-family:Pictos;">P</span> [[Art Library]]'''
  
The '''Zoom''' tool lets you zoom in or out on the tabletop.
+
There are two ways to place images onto The Tabletop: direct upload or an image search.
  
The '''Ruler''' tool lets you click and drag to measure distances on the table. While you measure, other players will see your measurement line so you can discuss what you're measuring.
+
====Direct Upload====
  
The [[tabletop-toolbox-fog-of-war|'''Fog of War''' tool]] (GM Only) lets you reveal areas of the map gradually so you can hide things you don't want your players to see just yet.
+
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.
  
The [[tabletop-toolbox-turn-tracker|'''Turn Tracker''']] (GM Only) lets you open up a window to keep track of turn order during encounters. Only the GM can see the button to open the window, but once it's open all players can see the window and the order of the tokens.
+
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.
  
The [[tabletop-toolbox-dice-gui|'''Dice Roller GUI''']] is a quick and easy way to roll dice in Roll20, rather than needing to manually type in a formula. It's great for beginning players.
+
====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 ==
  
The '''Help''' tool is a quick way to open a window that shows the Help site (which you're reading right now!), report bugs, and consult the list of keyboard shortcuts.
+
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.
  
== 2. The Player Zone ==
+
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 ==
 +
{{:Ping}}
  
The player zone shows a player avatar and name for each player currently in the game. Each player is also assigned a color (to the right of their name) which they can click to change. The player color is used throughout the interface to represent the actions of that player (such as drawing on the tabletop and rolling dice). You can adjust the size of the avatars that are shown for the players in the My Settings tab of the Sidebar.
+
= Related Pages =
 
+
* [[Token Features]]
Also note that if you use the video/voice chat features of Roll20, the video box for the player will also appear here.
+
* [[Manipulating Graphics]]
 
+
* [[Aligning Maps|Aligning Maps with Existing Grids]]
== 3. Player Hands ==
+
* [[Game Management]]
 
+
* [[Gamemaster]]
If the player has any hands (a feature of the Card Decks system), they will appear here.
+
* [[Player]]
 
+
* New to Roll20
== 4. Macro Bar ==
+
** [[Tutorial]]
 
+
** [[Basics]]
If you enable the Macro Quick Bar in the My Settings tab, a list of your macros will appear here as buttons which you can click to quickly execute the macro.
+
** [[Youtube]] Guides
 
+
[[Category:Docs]]
== 5. [[tabletop|The Tabletop]] ==
+
[[Category:VTT Interface]]
 
+
[[Category:Maps]]
This is the main feature of the Roll20 interface. It's a shared virtual tabletop where the maps and tokens that you are using will appear. Everything that you do on the tabletop (such as moving a token) will be broadcast to everyone else in the game in real-time.
+
 
+
== 6. [[page-toolbar|Page Toolbar]] ==
+
 
+
Click this button to open the [[page-toolbar|Page Toolbar]], which allows you to manage the pages of your campaign. This is also where you'll go if you want to edit the settings of the current page such as the grid size, grid type, page size, and more.
+
 
+
== 7. [[card-deck|Card Decks]] ==
+
 
+
If you are using the [[card-deck|Card Decks]] feature, this is where any decks that you have shown will appear, allowing the GM and/or players to draw, play, and deal cards.
+
 
+
== 8. [[sidebar-text-chat|Text Chat]] ==
+
 
+
This is where you can communicate with the other players in the game via text chat. Enter your message into the box and press Enter (or click the Send button below the box). There are also advanced commands such as whispers, macros, emotes, and more.
+
 
+
== 9. [[sidebar|Sidebar]] ==
+
 
+
The [[sidebar|Sidebar]] contains useful tools such as the Text Chat, Art Library (GM Only), Journal, Jukebox, and My Settings. Click the tab to switch between the various tools available.
+

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