https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&feed=atom&action=historyUsing Roll20 while Playing In-Person - Revision history2024-03-19T04:25:33ZRevision history for this page on the wikiMediaWiki 1.20.3https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=32188&oldid=prev6593431: /* User Style Manager */2022-10-02T20:51:30Z<p><span dir="auto"><span class="autocomment">User Style Manager</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:51, 2 October 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 83:</td>
<td colspan="2" class="diff-lineno">Line 83:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* <code>.ui-dialog</code> ALL dialog boxes, including [[CS|Character sheets]], [[Complete_Guide_to_Macros_%26_Rolls#Roll_Queries|Roll Query]] popups & the {{Turn Tracker}}  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* <code>.ui-dialog</code> ALL dialog boxes, including [[CS|Character sheets]], [[Complete_Guide_to_Macros_%26_Rolls#Roll_Queries|Roll Query]] popups & the {{Turn Tracker}}  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** <code>.initiativedialog</code> only the {{Turn Tracker}}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** <code>.initiativedialog</code> only the {{Turn Tracker}}</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* <code>.dark-mode-switch </code> The dark mode switch</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* <code>#floatingtoolbar</code> The [[Toolbar]] on the left</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* <code>#floatingtoolbar</code> The [[Toolbar]] on the left</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* <code>#macrobar .player</code> The bottom [[Macro Bar|macro bar]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* <code>#macrobar .player</code> The bottom [[Macro Bar|macro bar]]</div></td></tr>
</table>6593431https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=32187&oldid=prev6593431: /* User Style Manager */2022-10-02T20:49:52Z<p><span dir="auto"><span class="autocomment">User Style Manager</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:49, 2 October 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 98:</td>
<td colspan="2" class="diff-lineno">Line 98:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#page-toolbar .handle.showtip,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#page-toolbar .handle.showtip,</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.ui-dialog,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.ui-dialog,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">.dark-mode-switch,</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#floatingtoolbar,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#floatingtoolbar,</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#macrobar .player {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>#macrobar .player {</div></td></tr>
</table>6593431https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=31999&oldid=prev4988544: /* Bookmarklet */2022-07-24T14:21:32Z<p><span dir="auto"><span class="autocomment">Bookmarklet</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 14:21, 24 July 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 64:</td>
<td colspan="2" class="diff-lineno">Line 64:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:'''example;'''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:'''example;'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:Create a bookmark in your browser and paste the code below into the URL field. To hide the Roll20 UI, simply click on the bookmark once the Roll20 editor has loaded. Refreshing the editor will restore the UI.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:Create a bookmark in your browser and paste the code below into the URL field. To hide the Roll20 UI, simply click on the bookmark once the Roll20 editor has loaded. Refreshing the editor will restore the UI.  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><pre style="overflow:auto; width:auto;">javascript:(function(){$("#zoomslider").css("display","none");$("#floatingtoolbar").css("display","none");$("#sidebarcontrol").css("display","none").click();$("#playerzone").css("display","none");$("#initiativewindow").parent().css("left","-10000px");$("#page-toolbar").css("display","none")})();</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><pre style="overflow:auto; width:auto;">javascript:(function(){$("#zoomslider").css("display","none");$("#floatingtoolbar").css("display","none");$("#sidebarcontrol").css("display","none").click();$("#playerzone").css("display","none");$("#initiativewindow").parent().css("left","-10000px");$("#page-toolbar<ins class="diffchange diffchange-inline">").css("display","none");$("body").addClass("sidebarhidden");$(".dark-mode-switch</ins>").css("display", "none")})();</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>4988544https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=30787&oldid=prev4578052 at 10:42, 12 March 20222022-03-12T10:42:53Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:42, 12 March 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 49:</td>
<td colspan="2" class="diff-lineno">Line 49:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===[[Mobile]]===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===[[Mobile]]===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>The [[Mobile|Roll20 Mobile Companion]] can be used by individual players to track & make rolls from their character <del class="diffchange diffchange-inline">sheet</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>The [[Mobile|Roll20 Mobile Companion]] can be used by individual players to track & make rolls from their <ins class="diffchange diffchange-inline">[[</ins>character <ins class="diffchange diffchange-inline">sheets]], but doesn't</ins>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:''As of May 2021</del>, the <del class="diffchange diffchange-inline">app is in beta & available to </del>[[<del class="diffchange diffchange-inline">Pro</del>]] <del class="diffchange diffchange-inline">users, but will eventually be released so everyone can use it</del>.[[<del class="diffchange diffchange-inline">User:1223200|1223200</del>]] (<del class="diffchange diffchange-inline">[[User talk:1223200</del>|<del class="diffchange diffchange-inline">talk]]) 16:12</del>, <del class="diffchange diffchange-inline">21 May 2021 (UTC)''</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">If you have API commands saved as roll buttons on the sheet</ins>, <ins class="diffchange diffchange-inline">it might be possible to move around your token on </ins>the <ins class="diffchange diffchange-inline">map, by using </ins>[[<ins class="diffchange diffchange-inline">TokenMod</ins>]] <ins class="diffchange diffchange-inline">commands</ins>.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>[[<ins class="diffchange diffchange-inline">TokenMod</ins>]] <ins class="diffchange diffchange-inline">- moving tokens with commands</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* {{c|!token-mod --move =180|1g}} - moves selected token down 1 square</ins>(<ins class="diffchange diffchange-inline">tokens can't be selected on mobile)</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* {{c|!token-mod --ids @{Aragon</ins>|<ins class="diffchange diffchange-inline">character_id} --move =180|1g}} - same</ins>, <ins class="diffchange diffchange-inline">but moves any token representing character named "Aragon" </ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>You can also try Accessing the game on a mobile/table through the browser, but YMMV: [[Roll20 Table on Tablet Support]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>You can also try Accessing the game on a mobile/table through the browser, but YMMV: [[Roll20 Table on Tablet Support]]</div></td></tr>
</table>4578052https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=26676&oldid=prev1223200 at 20:41, 21 September 20212021-09-21T20:41:18Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:41, 21 September 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><big>This page will offer tips and suggestions for using Roll20 to enhance your in-person game play.  Please add additional tips and update this page as needed.</big></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">{{revdate}}</ins><big>This page will offer tips and suggestions for using Roll20 to enhance your in-person game play.  Please add additional tips and update this page as needed.</big></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= Roll20 at your In-person game =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= Roll20 at your In-person game =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=25987&oldid=prev1223200 at 09:51, 24 August 20212021-08-24T09:51:05Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:51, 24 August 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 4:</td>
<td colspan="2" class="diff-lineno">Line 4:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''{{blogs|playing-in-person-with-roll20/ Playing In Person with Roll20}}''' Jul 30, 2021</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* '''{{blogs|playing-in-person-with-roll20/ Playing In Person with Roll20}}''' Jul 30, 2021</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>__TOC__</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>__TOC__</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Separate Screens for GM & Player view ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Separate Screens for GM & Player view ==</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">[[File:Gaming table.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A common setup to enhance your home game with Roll20 is to add computers to your tabletop game. This typically consists of using two or more computers.  One for the GM and at least one other computer for the player(s).  You may also want to add a TV/Monitor as well.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A common setup to enhance your home game with Roll20 is to add computers to your tabletop game. This typically consists of using two or more computers.  One for the GM and at least one other computer for the player(s).  You may also want to add a TV/Monitor as well.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 14:</td>
<td colspan="2" class="diff-lineno">Line 14:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::Use Roll20 to quickly bring up NPC, monster, or character stats.  Track initiative and turn order for combat. Roll dice and use custom macros to resolve various scenarios of your game. The list goes on. Including a GM's computer with Roll20 access may be all you require, however adding additional computers for players offers significantly more options.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::Use Roll20 to quickly bring up NPC, monster, or character stats.  Track initiative and turn order for combat. Roll dice and use custom macros to resolve various scenarios of your game. The list goes on. Including a GM's computer with Roll20 access may be all you require, however adding additional computers for players offers significantly more options.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">[[File:Gaming table.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Gaming table2.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Gaming table2.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Player===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===Player===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''[[Player]] Computer:''' Add additional screen(s) for the players.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''[[Player]] Computer:''' Add additional screen(s) for the players.  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>:The best method for your group will depend on what you wish to accomplish.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>:The best method for your group will depend on what you wish to accomplish.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>:'''A.''' '''Just show the players information.''' e.g. Maps, images, handouts, initiative, dice rolls, etc.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>:'''A.''' '''Just show the players information.''' e.g. Maps, images, handouts, initiative, dice rolls, etc.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::'''Option 1''': Add another computer and log into the game as a player. Just '''remember''', all players will see what the logged-in player's character sees. You may want to create a [[Dummy Account|"dummy" account]] that has [[Journal#Can_Be_Edited_.26_Controlled_By|permissions]] set to control/edit all the other PC's or just a single character that represents the party. The GM can also control the "Player's" token(s) or allow a player to manage the player's actions.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::'''Option 1''': Add another computer and log into the game as a player. Just '''remember''', all players will see what the logged-in player's character sees. You may want to create a [[Dummy Account|"dummy" account]] that has [[Journal#Can_Be_Edited_.26_Controlled_By|permissions]] set to control/edit all the other PC's or just a single character that represents the party. The GM can also control the "Player's" token(s) or allow a player to manage the player's actions.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::'''Option 2''': In addition to option 1, add a TV/Monitor to the player's computer. Connect to a 2nd viewing source using the appropriate cables, or connect wirelessly using [https://www.google.com/intl/en_us/chromecast/tv/#?discover Chromcast] or similar device.  You may want to include a wireless mouse and keyboard as well for convenience.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::'''Option 2''': In addition to option 1, add a TV/Monitor to the player's computer. Connect to a 2nd viewing source using the appropriate cables, or connect wirelessly using [https://www.google.com/intl/en_us/chromecast/tv/#?discover Chromcast] or similar device.  You may want to include a wireless mouse and keyboard as well for convenience.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::Some people have even made gaming tables that include a TV/Monitor as the actual tabletop.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::Some people have even made gaming tables that include a TV/Monitor as the actual tabletop.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>::<del class="diffchange diffchange-inline">::[https://app.roll20.net/forum/post/</del>3826953/<del class="diffchange diffchange-inline">slug%7D </del>Showing off my custom game table<del class="diffchange diffchange-inline">]</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::<ins class="diffchange diffchange-inline">* {{fpl|</ins>3826953/ Showing off my custom game table<ins class="diffchange diffchange-inline">}}</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>::<del class="diffchange diffchange-inline">::</del>[https://app.roll20.net/forum/<del class="diffchange diffchange-inline">post</del>/2688121/<del class="diffchange diffchange-inline">slug%7D </del>TV + Roll20 = Awesome Sauce]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::<ins class="diffchange diffchange-inline">* </ins>[https://app.roll20.net/forum/<ins class="diffchange diffchange-inline">permalink</ins>/2688121/ TV + Roll20 = Awesome Sauce<ins class="diffchange diffchange-inline">]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">::* {{twitter|DavidHemenway1/status/1406270776819556356 @DavidHemenway1's in-person setup}}</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">::* [https://imgur.com/a/ggPrb6B u/PoliteWombat's octagon table</ins>]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::'''Option 3''': You can connect a TV/Monitor to the GM's computer and use a separate browser window/tab for the player account and send that view to the second screen. If the GM adds view/edit permissions to each player's character they can rejoin as player in a separate browser window without needing to create a dummy player account.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::'''Option 3''': You can connect a TV/Monitor to the GM's computer and use a separate browser window/tab for the player account and send that view to the second screen. If the GM adds view/edit permissions to each player's character they can rejoin as player in a separate browser window without needing to create a dummy player account.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>:'''B.''' '''Each player controls their own character.'''</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>:'''B.''' '''Each player controls their own character.'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::'''Option 1''': Use multiple computers with each player logged in separately. Not much different than playing online, but you still get the face-to-face interaction.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::'''Option 1''': Use multiple computers with each player logged in separately. Not much different than playing online, but you still get the face-to-face interaction.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::'''Option 2''': Use a player's computer with or without an additional TV/Monitor, and install an API script (<del class="diffchange diffchange-inline">[https://app.roll20.net/account/supporter </del>Pro <del class="diffchange diffchange-inline">Level]</del>)</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::'''Option 2''': Use a player's computer with or without an additional TV/Monitor, and install an <ins class="diffchange diffchange-inline">[[</ins>API<ins class="diffchange diffchange-inline">]] </ins>script (<ins class="diffchange diffchange-inline">{{</ins>Pro<ins class="diffchange diffchange-inline">}} feature</ins>)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>:::<del class="diffchange diffchange-inline">:[https://app.roll20.net/forum/permalink/</del>3472238/ Face2Face Dynamic Lighting Helper<del class="diffchange diffchange-inline">] </del>authored by [https://app.roll20.net/users/48576 SkyCaptainVIII]  </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>:::<ins class="diffchange diffchange-inline">{{fpl|</ins>3472238/ Face2Face Dynamic Lighting Helper<ins class="diffchange diffchange-inline">}} </ins>authored by [https://app.roll20.net/users/48576 SkyCaptainVIII]  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::<div style="background-color:lightgray;padding:10px;width:80%;">''"The script will remove the controlledby setting on the character sheets specified in the script which will show vision only for the token at the top of the turn order. Unless it is an npc or other token or custom item."''</div></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::<div style="background-color:lightgray;padding:10px;width:80%;">''"The script will remove the controlledby setting on the character sheets specified in the script which will show vision only for the token at the top of the turn order. Unless it is an npc or other token or custom item."''</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>:::<del class="diffchange diffchange-inline">:[https://app.roll20.net/forum/permalink/</del>4128376/ Observer <del class="diffchange diffchange-inline">v0.1.1] </del>authored by [<del class="diffchange diffchange-inline">https://app.roll20.net/users/104025 </del>The Aaron]</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>:::<ins class="diffchange diffchange-inline">{{fpl|</ins>4128376/ Observer <ins class="diffchange diffchange-inline">API}} </ins>authored by [<ins class="diffchange diffchange-inline">[</ins>The Aaron<ins class="diffchange diffchange-inline">]</ins>]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">:</del>::<div style="background-color:lightgray;padding:10px;width:80%;">''"I threw this together to allow GMs to designate a Player (probably an alternate account) to be an Observer.  Observers are kept on the ControlledBy list for all characters that have something else on that list (PCs)."''</div></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>::<div style="background-color:lightgray;padding:10px;width:80%;">''"I threw this together to allow GMs to designate a Player (probably an alternate account) to be an Observer.  Observers are kept on the ControlledBy list for all characters that have something else on that list (PCs)."''</div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br /></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br /></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===[[Mobile]]===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===[[Mobile]]===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>The [[Mobile|Roll20 Mobile Companion]] can be used by <del class="diffchange diffchange-inline">indvidual </del>players to track & make rolls from their character sheet.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>The [[Mobile|Roll20 Mobile Companion]] can be used by <ins class="diffchange diffchange-inline">individual </ins>players to track & make rolls from their character sheet.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:''As of May 2021, the app is in beta & available to [[Pro]] users, but will eventually be released so everyone can use it.[[User:1223200|1223200]] ([[User talk:1223200|talk]]) 16:12, 21 May 2021 (UTC)''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:''As of May 2021, the app is in beta & available to [[Pro]] users, but will eventually be released so everyone can use it.[[User:1223200|1223200]] ([[User talk:1223200|talk]]) 16:12, 21 May 2021 (UTC)''</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 98:</td>
<td colspan="2" class="diff-lineno">Line 100:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=Links=</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=Links=</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">* {{twitter|DavidHemenway1/status/1406270776819556356 @DavidHemenway1's in-person setup}}</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=Related Pages=</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>=Related Pages=</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=25877&oldid=prev1223200: improve Hide UI example2021-08-10T12:39:19Z<p>improve Hide UI example</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 12:39, 10 August 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 2:</td>
<td colspan="2" class="diff-lineno">Line 2:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= Roll20 at your In-person game =</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>= Roll20 at your In-person game =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* '''{{blogs|playing-in-person-with-roll20/ Playing In Person with Roll20}}''' Jul 30, 2021</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>__TOC__</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>__TOC__</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 62:</td>
<td colspan="2" class="diff-lineno">Line 65:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===User Style Manager===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===User Style Manager===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">Alternatively, you </del>could use a <del class="diffchange diffchange-inline">CSS-interpreting </del>extension such as Stylus to selectively hide parts of the interface<del class="diffchange diffchange-inline">. Note that it does not hide the chat tab or the page menu, only removes the controls. This is to give greater flexibility. You can display or hide the chat bar normally before activating the style</del>.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">You </ins>could use a <ins class="diffchange diffchange-inline">browser </ins>extension such as <ins class="diffchange diffchange-inline">[[Browser#</ins>Stylus<ins class="diffchange diffchange-inline">|Stylus]] </ins>to selectively hide parts of the interface <ins class="diffchange diffchange-inline">by writing CSS</ins>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>You can remove any of these you wish to keep by taking them out of the style definition:</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>You can remove any of these you wish to keep by taking them out of the style definition:</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><<del class="diffchange diffchange-inline">pre style="overflow:auto; width:auto;"</del>>#playerzone The avatars and player names</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* </ins><<ins class="diffchange diffchange-inline">code</ins>>#playerzone<ins class="diffchange diffchange-inline"></code> </ins>The avatars and player names</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#zoomclick The <del class="diffchange diffchange-inline">zoom </del>slider</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* <code></ins>#zoomclick<ins class="diffchange diffchange-inline"></code> </ins>The <ins class="diffchange diffchange-inline">whole [[Zoom]] tool</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#secondary-toolbar Token <del class="diffchange diffchange-inline">actions</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">** <code>#zoomslider</code> The [[Zoom]]'s </ins>slider</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#sidebarcontrol The <del class="diffchange diffchange-inline">sidebar </del>tab handle</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* <code></ins>#secondary-toolbar<ins class="diffchange diffchange-inline"></code> [[</ins>Token <ins class="diffchange diffchange-inline">Actions]]</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#page-toolbar .handle.showtip The <del class="diffchange diffchange-inline">page tab </del>handle</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* <code></ins>#sidebarcontrol<ins class="diffchange diffchange-inline"></code> </ins>The <ins class="diffchange diffchange-inline">[[Sidebar]]-</ins>tab handle <ins class="diffchange diffchange-inline">(used for open/close the sidebar). It's next to the Zoom slider.</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>.ui-dialog <del class="diffchange diffchange-inline">The turn tracker (and </del>ALL dialog boxes<del class="diffchange diffchange-inline">)</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* <code></ins>#page-toolbar .handle.showtip<ins class="diffchange diffchange-inline"></code> </ins>The <ins class="diffchange diffchange-inline">blue [[Page Toolbar]] </ins>handle</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#floatingtoolbar The left <del class="diffchange diffchange-inline">hand tool bar</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* <code></ins>.ui-dialog<ins class="diffchange diffchange-inline"></code> </ins>ALL dialog boxes<ins class="diffchange diffchange-inline">, including [[CS|Character sheets]], [[Complete_Guide_to_Macros_%26_Rolls#Roll_Queries|Roll Query]] popups & the {{Turn Tracker}} </ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>#macrobar .player The bottom macro bar<del class="diffchange diffchange-inline"></pre></del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">** <code>.initiativedialog</code> only the {{Turn Tracker}}</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* <code></ins>#floatingtoolbar<ins class="diffchange diffchange-inline"></code> </ins>The <ins class="diffchange diffchange-inline">[[Toolbar]] on the </ins>left</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* <code></ins>#macrobar .player<ins class="diffchange diffchange-inline"></code> </ins>The bottom <ins class="diffchange diffchange-inline">[[Macro Bar|</ins>macro bar<ins class="diffchange diffchange-inline">]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;">Here is the style with all elements in place:</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><pre style="overflow:auto; <del class="diffchange diffchange-inline">width</del>:<del class="diffchange diffchange-inline">auto</del>;">#playerzone, #<del class="diffchange diffchange-inline">zoomslider</del>, #secondary-toolbar, #sidebarcontrol, #page-toolbar .handle.showtip, .ui-dialog, #floatingtoolbar, #macrobar .player {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">Note that it does not hide the chat tab or the [[Page Toolbar|page menu]], only removes the controls. This is to give greater flexibility. You can display or hide the [[Sidebar]]/{{Text Chat}} with the Sidebar-handle(next to Zoom slider normally, before activating the style.</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>display: none !important;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">You can also have the {{Text Chat}} and {{Jukebox}} in separate windows, by double-clicking on their tab icon.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">'''Hide all UI'''</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><pre style="overflow:auto;<ins class="diffchange diffchange-inline">white-space</ins>:<ins class="diffchange diffchange-inline">pre-wrap</ins>;<ins class="diffchange diffchange-inline">" data-language="css</ins>">#playerzone,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#<ins class="diffchange diffchange-inline">zoomclick</ins>,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#secondary-toolbar,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#sidebarcontrol,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#page-toolbar .handle.showtip,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>.ui-dialog,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#floatingtoolbar,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>#macrobar .player {</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">    </ins>display: none !important;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</pre></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>=<del class="diffchange diffchange-inline">See Also</del>=</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>=<ins class="diffchange diffchange-inline">Links=</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">* {{twitter|DavidHemenway1/status/1406270776819556356 @DavidHemenway1's in-person setup}}</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">=Related Pages</ins>=</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Live Stream and Record Game Sessions]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Live Stream and Record Game Sessions]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Mobile]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Mobile]]</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=25230&oldid=prev1223200 at 16:13, 21 May 20212021-05-21T16:13:11Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 16:13, 21 May 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 3:</td>
<td colspan="2" class="diff-lineno">Line 3:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">__TOC__</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Separate Screens for GM & Player view ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Separate Screens for GM & Player view ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A common setup to enhance your home game with Roll20 is to add computers to your tabletop game. This typically consists of using two or more computers.  One for the GM and at least one other computer for the player(s).  You may also want to add a TV/Monitor as well.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A common setup to enhance your home game with Roll20 is to add computers to your tabletop game. This typically consists of using two or more computers.  One for the GM and at least one other computer for the player(s).  You may also want to add a TV/Monitor as well.</div></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=25229&oldid=prev1223200: Mobile-section, restructure2021-05-21T16:12:40Z<p>Mobile-section, restructure</p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 16:12, 21 May 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><big>This page will offer tips and suggestions for using Roll20 to enhance your in-person game play.  Please add additional tips and update this page as needed.</big></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><big>This page will offer tips and suggestions for using Roll20 to enhance your in-person game play.  Please add additional tips and update this page as needed.</big></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">=</del>= Roll20 at your In-person game <del class="diffchange diffchange-inline">=</del>=</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>= Roll20 at your In-person game =</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Roll20 offers many features for [[GM]]'s and [[players]]. It's only natural to want to include them at our real-world gaming tables.  Here are some tips and suggestions to help enhance your real-world table.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>==<del class="diffchange diffchange-inline">= Add additional computers and/or a TV/Monitor =</del>==</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>== <ins class="diffchange diffchange-inline">Separate Screens for GM & Player view </ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A common setup to enhance your home game with Roll20 is to add computers to your tabletop game. This typically consists of using two or more computers.  One for the GM and at least one other computer for the player(s).  You may also want to add a TV/Monitor as well.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>A common setup to enhance your home game with Roll20 is to add computers to your tabletop game. This typically consists of using two or more computers.  One for the GM and at least one other computer for the player(s).  You may also want to add a TV/Monitor as well.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">1. '''[[</del>GM<del class="diffchange diffchange-inline">]] Computer:''' </del>Use one computer for the GM logged into the GM's account. Like a "GM's screen", this will be for the GM's eyes only.  </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">===</ins>GM<ins class="diffchange diffchange-inline">===</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Use one computer for the <ins class="diffchange diffchange-inline">[[</ins>GM<ins class="diffchange diffchange-inline">]], </ins>logged into the GM's account. Like a "GM's screen", this will be for the GM's eyes only.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::Use Roll20 to quickly bring up NPC, monster, or character stats.  Track initiative and turn order for combat. Roll dice and use custom macros to resolve various scenarios of your game. The list goes on. Including a GM's computer with Roll20 access may be all you require, however adding additional computers for players offers significantly more options.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::Use Roll20 to quickly bring up NPC, monster, or character stats.  Track initiative and turn order for combat. Roll dice and use custom macros to resolve various scenarios of your game. The list goes on. Including a GM's computer with Roll20 access may be all you require, however adding additional computers for players offers significantly more options.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Gaming table.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Gaming table.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Gaming table2.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[File:Gaming table2.jpeg|300px|thumbnail|right|Example: DIY Gaming table]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">2. </del>'''[[Player]] Computer:''' Add additional screen(s) for the players.  </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">===Player===</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>'''[[Player]] Computer:''' Add additional screen(s) for the players.  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::The best method for your group will depend on what you wish to accomplish.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::The best method for your group will depend on what you wish to accomplish.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 39:</td>
<td colspan="2" class="diff-lineno">Line 42:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br /></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br /></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>=== Hide the UI <del class="diffchange diffchange-inline">=</del>==</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>=<ins class="diffchange diffchange-inline">==[[Mobile]]===</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">=</del>===Bookmarklet<del class="diffchange diffchange-inline">=</del>===</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">The [[Mobile|Roll20 Mobile Companion]] can be used by indvidual players to track & make rolls from their character sheet.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">:''As of May 2021, the app is in beta & available to [[Pro]] users, but will eventually be released so everyone can use it.[[User:1223200|1223200]] ([[User talk:1223200|talk]]) 16:12, 21 May 2021 (UTC)''</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">You can also try Accessing the game on a mobile/table through the browser, but YMMV: [[Roll20 Table on Tablet Support]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>== Hide the UI ==</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>===Bookmarklet===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>If you add a TV/Monitor to your game, you may want to hide the User Interface on the player's screen.  You can create a '''bookmarklet''' (javascript used to temporarily alter a web page's appearance) to hide the UI.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>If you add a TV/Monitor to your game, you may want to hide the User Interface on the player's screen.  You can create a '''bookmarklet''' (javascript used to temporarily alter a web page's appearance) to hide the UI.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:'''example;'''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:'''example;'''</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 50:</td>
<td colspan="2" class="diff-lineno">Line 60:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br /></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br /></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">=</del>===User Style Manager<del class="diffchange diffchange-inline">=</del>===</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>===User Style Manager===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Alternatively, you could use a CSS-interpreting extension such as Stylus to selectively hide parts of the interface. Note that it does not hide the chat tab or the page menu, only removes the controls. This is to give greater flexibility. You can display or hide the chat bar normally before activating the style.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Alternatively, you could use a CSS-interpreting extension such as Stylus to selectively hide parts of the interface. Note that it does not hide the chat tab or the page menu, only removes the controls. This is to give greater flexibility. You can display or hide the chat bar normally before activating the style.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>1223200https://wiki.roll20.net/index.php?title=Using_Roll20_while_Playing_In-Person&diff=25225&oldid=prev1223200 at 15:59, 21 May 20212021-05-21T15:59:24Z<p></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 15:59, 21 May 2021</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 16:</td>
<td colspan="2" class="diff-lineno">Line 16:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::'''A.''' '''Just show the players information.''' e.g. Maps, images, handouts, initiative, dice rolls, etc.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>::'''A.''' '''Just show the players information.''' e.g. Maps, images, handouts, initiative, dice rolls, etc.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>:::'''Option 1''': Add another computer and log into the game as a player. Just '''remember''', all players will see what the logged-in player's character sees. You may want to create a "dummy" account that has [[Journal#Can_Be_Edited_.26_Controlled_By|permissions]] set to control/edit all the other PC's or just a single character that represents the party. The GM can also control the "Player's" token(s) or allow a player to manage the player's actions.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>:::'''Option 1''': Add another computer and log into the game as a player. Just '''remember''', all players will see what the logged-in player's character sees. You may want to create a <ins class="diffchange diffchange-inline">[[Dummy Account|</ins>"dummy" account<ins class="diffchange diffchange-inline">]] </ins>that has [[Journal#Can_Be_Edited_.26_Controlled_By|permissions]] set to control/edit all the other PC's or just a single character that represents the party. The GM can also control the "Player's" token(s) or allow a player to manage the player's actions.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:::'''Option 2''': In addition to option 1, add a TV/Monitor to the player's computer. Connect to a 2nd viewing source using the appropriate cables, or connect wirelessly using [https://www.google.com/intl/en_us/chromecast/tv/#?discover Chromcast] or similar device.  You may want to include a wireless mouse and keyboard as well for convenience.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>:::'''Option 2''': In addition to option 1, add a TV/Monitor to the player's computer. Connect to a 2nd viewing source using the appropriate cables, or connect wirelessly using [https://www.google.com/intl/en_us/chromecast/tv/#?discover Chromcast] or similar device.  You may want to include a wireless mouse and keyboard as well for convenience.</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 76:</td>
<td colspan="2" class="diff-lineno">Line 76:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Browser]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Browser]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Community FAQ]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* [[Community FAQ]]</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* [[Dummy Account]]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><br></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Guides]]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>[[Category:Guides]]</div></td></tr>
</table>1223200