Skip to content

Commit 398c995

Browse files
author
Juraj Pristach
committed
add more info about layers and line of sight
1 parent d807ea5 commit 398c995

File tree

4 files changed

+82
-23
lines changed

4 files changed

+82
-23
lines changed

Diff for: ‎.DS_Store

0 Bytes
Binary file not shown.

Diff for: ‎docs/assets/css/style.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -67,12 +67,12 @@ body {
6767
max-width: 64rem;
6868
padding: 2rem 6rem;
6969
margin: 0 auto;
70-
font-size: 1.1rem;
70+
font-size: 1rem;
7171
}
7272

7373
@include medium {
7474
padding: 2rem 2rem;
75-
font-size: 1.1rem;
75+
font-size: 1rem;
7676
}
7777

7878
@include small {

Diff for: ‎docs/battle-map.md

+46-20
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,3 @@
1-
[icon-pencil]: icons/pencil.png
2-
[icon-highlighter]: icons/highlighter.png
3-
[icon-eraser]: icons/eraser.png
4-
[icon-undo]: icons/undo.png
5-
[icon-move]: icons/move.png
6-
[icon-move-restricted]: icons/move-restricted.png
7-
[icon-select]: icons/select.png
8-
[icon-snap]: icons/snap.png
9-
[icon-reveal]: icons/reveal.png
10-
[icon-hide]: icons/hide.png
11-
[icon-layers]: icons/layers.png
12-
[icon-markers]: icons/markers.png
13-
[icon-settings]: icons/settings.png
14-
[icon-share]: icons/share.png
15-
[icon-fog-free]: icons/fog-free.png
16-
[icon-fog-rect]: icons/fog-rect.png
17-
181
# Battle Map
192

203
## Toolbar buttons
@@ -46,6 +29,13 @@
4629
* **Walls Generator** - auto walls generator.
4730
* **Reset** - reset to defaults.
4831

32+
## Layers
33+
34+
Battle map contains several specialized layers for various purposes.
35+
36+
* **Token & Objecs** - default layer for drawings and tokens.
37+
* **Walls & Obstacles** - walls, doors and other obstacles used in [Line of Sight](line-of-sight).
38+
* **Walkable Floors** - used for pathfinding and walls generator.
4939

5040
## Scrolling and Zooming
5141

@@ -67,6 +57,11 @@
6757

6858
*PRO TIP: Use can choose multiple party movement modes from app settings, which applies when selecting and moving a group of players*
6959

60+
### Snap to Grid
61+
62+
1. Tap ![snap][icon-snap] to toggle between snap to grid modes.
63+
2. Use a finger on circle token to move creature anywhere on the map.
64+
7065
## Grid and Background Image
7166

7267
You can use any image as a background for your map. If your map image already contains a grid, you need to do an alignment.
@@ -87,9 +82,23 @@ You can use any image as a background for your map. If your map image already co
8782

8883
## Line of Sight
8984

90-
You can use *Line of Sight* tools to dynamically hide a portion of the map from players based on their vision settings while presenting on the external screen.
85+
You can use *Line of Sight* to dynamically hide a portion of the map from players based on their vision while presenting on the external screen.
86+
87+
More info in dedicated [section](line-of-sight)
9188

92-
More info [here](line-of-sight)
89+
### Walls generator
90+
91+
You can use *Walls Generator* tool to quickly generate walls and obstacles for Line of Sight based on walkable floors. It's ideal for dungeons with rectangle corridors.
92+
93+
1. Tap ![settings][icon-settings].
94+
2. Tap *Walls Generator*.
95+
3. Adjust parameters.
96+
* **Wall Offset** - offset from otuer side of wall.
97+
* **Floor Color** - only use floors with selected color.
98+
* **Continuous** - if enabled, each wall will be generated as a single continuous line, otherwise it will be dividied into separete segments
99+
4. Tap Generate
100+
101+
*Pro TIP - You can experiment with parameters by using this tool multiple times. All previously generated walls will be replaced.*
93102

94103
## Fog of War
95104

@@ -181,4 +190,21 @@ You can draw on a map or highlight a specific area, sketch basic dungeon or envi
181190

182191
### Scrolling while handwriting
183192

184-
* Use two fingers to scroll and zoom.
193+
* Use two fingers to scroll and zoom.
194+
195+
[icon-pencil]: icons/pencil.png
196+
[icon-highlighter]: icons/highlighter.png
197+
[icon-eraser]: icons/eraser.png
198+
[icon-undo]: icons/undo.png
199+
[icon-move]: icons/move.png
200+
[icon-move-restricted]: icons/move-restricted.png
201+
[icon-select]: icons/select.png
202+
[icon-snap]: icons/snap.png
203+
[icon-reveal]: icons/reveal.png
204+
[icon-hide]: icons/hide.png
205+
[icon-layers]: icons/layers.png
206+
[icon-markers]: icons/markers.png
207+
[icon-settings]: icons/settings.png
208+
[icon-share]: icons/share.png
209+
[icon-fog-free]: icons/fog-free.png
210+
[icon-fog-rect]: icons/fog-rect.png

Diff for: ‎docs/line-of-sight.md

+34-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,36 @@
11
# Line of Sight
22

3-
<video src="https://encounter.plus/videos/line-of-sight.mp4" width="100%" controls preload></video>
3+
You can use *Line of Sight* to dynamically hide a portion of the map from players based on their vision while presenting on the external screen.
4+
5+
<video src="https://encounter.plus/videos/line-of-sight.mp4" width="100%" controls preload></video>
6+
7+
### Walls generator
8+
9+
You can use *Walls Generator* tool to quickly generate walls and obstacles for Line of Sight based on walkable floors. It's ideal for dungeons with rectangle corridors.
10+
11+
1. Tap ![settings][icon-settings].
12+
2. Tap *Walls Generator*.
13+
3. Adjust parameters.
14+
* **Wall Offset** - offset from otuer side of wall.
15+
* **Floor Color** - only use floors with selected color.
16+
* **Continuous** - if enabled, each wall will be generated as a single continuous line, otherwise it will be dividied into separete segments
17+
4. Tap Generate
18+
19+
*Pro TIP - You can experiment with parameters by using this tool multiple times. All previously generated walls will be replaced.*
20+
21+
[icon-pencil]: icons/pencil.png
22+
[icon-highlighter]: icons/highlighter.png
23+
[icon-eraser]: icons/eraser.png
24+
[icon-undo]: icons/undo.png
25+
[icon-move]: icons/move.png
26+
[icon-move-restricted]: icons/move-restricted.png
27+
[icon-select]: icons/select.png
28+
[icon-snap]: icons/snap.png
29+
[icon-reveal]: icons/reveal.png
30+
[icon-hide]: icons/hide.png
31+
[icon-layers]: icons/layers.png
32+
[icon-markers]: icons/markers.png
33+
[icon-settings]: icons/settings.png
34+
[icon-share]: icons/share.png
35+
[icon-fog-free]: icons/fog-free.png
36+
[icon-fog-rect]: icons/fog-rect.png

0 commit comments

Comments
 (0)