Difference between revisions of "Tabletop Overview"
From Roll20 Wiki
Andreas J. (Talk | contribs) m (add "User Interface" section) |
Andreas J. (Talk | contribs) m |
||
| (11 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | {{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. | |
| − | + | ||
| − | [[File:Roll20 Interface.jpg|thumb|right| | + | |
| − | 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 | + | |
=The Tabletop= | =The Tabletop= | ||
| − | <div style="float: right; width: | + | <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 & 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 & 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:'' '''[[Art Library]]''' | + | ''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. | ||
| Line 36: | Line 39: | ||
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 '''''[[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. | + | 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==== | ====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. | 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|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 == | ||
| − | + | {{:Ping}} | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
= Related Pages = | = Related Pages = | ||
| + | * [[Token Features]] | ||
* [[Manipulating Graphics]] | * [[Manipulating Graphics]] | ||
| − | |||
* [[Aligning Maps|Aligning Maps with Existing Grids]] | * [[Aligning Maps|Aligning Maps with Existing Grids]] | ||
| − | + | * [[Game Management]] | |
| − | + | * [[Gamemaster]] | |
| + | * [[Player]] | ||
| + | * New to Roll20 | ||
| + | ** [[Tutorial]] | ||
| + | ** [[Basics]] | ||
| + | ** [[Youtube]] Guides | ||
[[Category:Docs]] | [[Category:Docs]] | ||
| + | [[Category:VTT Interface]] | ||
| + | [[Category:Maps]] | ||
Latest revision as of 15:34, 6 February 2022
 | Page Updated: 2022-02-06 |
Attention: This page is community-maintained. For the official Roll20 version of this article, see the Help Center for assistance: 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 tokens around a gameboard, or just display backdrop pictures to set the right mood.
[edit] The Tabletop
- Interface
- 1. The Tabletop
- 2. The Toolbox
- 3. Page Toolbar
- 4. The Sidebar
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.
[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
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.
 | This Tool is only available for GMs in a game. |
Shift+Ping
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.
