Difference between revisions of "Isometric Maps in Roll20"
From Roll20 Wiki
Andreas J. (Talk | contribs) m |
Andreas J. (Talk | contribs) m |
||
| Line 1: | Line 1: | ||
| − | == | + | == Maps & Tiles on the Marketplace== |
| − | {{market|browse/search/?keywords=isometric&sortby=popular&type=art | Isometric}} | + | [[Marketplace]] : {{market|browse/search/?keywords=isometric&sortby=popular&type=art | Isometric}} |
| − | + | ||
| − | + | ||
| + | ===Tokens=== | ||
* [https://marketplace.roll20.net/browse/set/1001/dramatis-personae Kevin Berry] | * [https://marketplace.roll20.net/browse/set/1001/dramatis-personae Kevin Berry] | ||
* [https://marketplace.roll20.net/browse/set/1349/arcknight-tokens-ancient-evils Arcknight] | * [https://marketplace.roll20.net/browse/set/1349/arcknight-tokens-ancient-evils Arcknight] | ||
| Line 29: | Line 28: | ||
To make an isometric map in 3d modeling software, set your camera rotation to 60 degrees on the local x axis. | To make an isometric map in 3d modeling software, set your camera rotation to 60 degrees on the local x axis. | ||
| − | Inkscape has Axonometric Grids built-in for making isometric perspective maps. | + | '''[https://inkscape.org/ Inkscape]''' has Axonometric Grids built-in for making isometric perspective maps. |
To make small isometric tiles, you'll need transparent backgrounds on the image, so they don't occlude each other. PNG images can be quite large, so consider converting your image to indexed-mode with 256 colors before you upload it. That will make the PNG file size much smaller and should reduce load times significantly. | To make small isometric tiles, you'll need transparent backgrounds on the image, so they don't occlude each other. PNG images can be quite large, so consider converting your image to indexed-mode with 256 colors before you upload it. That will make the PNG file size much smaller and should reduce load times significantly. | ||
| Line 38: | Line 37: | ||
Use send to-front or to-back to align tokens on the Z-axis. | Use send to-front or to-back to align tokens on the Z-axis. | ||
| − | Note: The GM may have to help the players shuffle tokens around if they can't select their token when it's behind another one. | + | Note: The [[GM]] may have to help the [[players]] shuffle tokens around if they can't select their token when it's behind another one. |
{{market|search/?keywords=&sortby=newest&type=all&genre=all&author=Arcknight,Dsurion,Elcio%20Trombini,Eric%20DeLeon,Fred%20Lang,Jason%20Heath,Jenafer%20Cruz,Joe%20Bush,Kevin%20Berry,Klawzie,Paul%20Ooshun,Plexsoup |Isometric Token Artists on the Marketplace}} | {{market|search/?keywords=&sortby=newest&type=all&genre=all&author=Arcknight,Dsurion,Elcio%20Trombini,Eric%20DeLeon,Fred%20Lang,Jason%20Heath,Jenafer%20Cruz,Joe%20Bush,Kevin%20Berry,Klawzie,Paul%20Ooshun,Plexsoup |Isometric Token Artists on the Marketplace}} | ||
| Line 51: | Line 50: | ||
== Helpful Tutorial Videos == | == Helpful Tutorial Videos == | ||
| − | |||
* {{yt|channel/UCRowqkTJFQBxGbe_rn7DqSw/playlists Plexsoup's Channel}} | * {{yt|channel/UCRowqkTJFQBxGbe_rn7DqSw/playlists Plexsoup's Channel}} | ||
<br> | <br> | ||
[[Category:Tips]] | [[Category:Tips]] | ||
Revision as of 22:28, 7 March 2021
Contents |
Maps & Tiles on the Marketplace
Marketplace : Isometric(Market)
Tokens
- Kevin Berry
- Arcknight
- Dsurion
- Jason Heath
- Paul Ooshun
- Fred Lang
- Klawzie
- Jenafer Cruz
- Joe Brush
- Eric DeLeon
- Matthew Foss
- Runehammer Games
- Forrest Imel
- GalefireRPG
- Cast N Play
- Villagelder
Creating Isometric Maps
To make an isometric map in photo editing or illustration software, start with a grid, rotate it by 45 degrees and scale it vertically by 57.7%.
To make an isometric map in 3d modeling software, set your camera rotation to 60 degrees on the local x axis.
Inkscape has Axonometric Grids built-in for making isometric perspective maps.
To make small isometric tiles, you'll need transparent backgrounds on the image, so they don't occlude each other. PNG images can be quite large, so consider converting your image to indexed-mode with 256 colors before you upload it. That will make the PNG file size much smaller and should reduce load times significantly.
Using Isometric Maps in Roll20
Use 3/4 view or side-view tokens. To change facing, select flip-horizontal from the advanced token menu (right click on the token).
Use send to-front or to-back to align tokens on the Z-axis. Note: The GM may have to help the players shuffle tokens around if they can't select their token when it's behind another one.
Token Artists on the Marketplace(Market)
Helpful API Scripts
(API Scripts are a- Plexsoup
- psIsoFacing Roll20 Script to flipH side-view tokens automatically. Also provides a directional flashlight for isometric tokens.
- LightCrumb Based on "Mark" by the Aaron. For lighting your trail on maps with dynamic lighting.
- psTileResizer
Helpful Tutorial Videos
