Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

camera docs update

Browse source
This commit is contained in:
Hanusiak Piotr 2021-12-16 09:51:30 +01:00
parent e3cb6d73ca
commit 5aa2b46989
7 changed files with 15 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

24
docs/maps/camera.md
View file

@ -29,22 +29,28 @@ It is possible to define special regions on the map that can make the camera zoo
<img class="document-img" src="images/camera/3_define_new_zone.png" alt="" />
</div>
4. Edit this new object and click on **Add Property**, like this:
4. Make sure your object is of type "zone"!
<div class="px-5 card rounded d-inline-block">
<img class="document-img" src="images/camera/4_click_add_property.png" alt="" />
<img class="document-img" src="images/camera/4_add_zone_type.png" alt="" />
</div>
5. Add a **bool** property of name *focusable*:
5. Edit this new object and click on **Add Property**, like this:
<div class="px-5 card rounded d-inline-block">
<img class="document-img" src="images/camera/5_add_focusable_prop.png" alt="" />
<img class="document-img" src="images/camera/5_click_add_property.png" alt="" />
</div>
6. Make sure it's checked! :)
6. Add a **bool** property of name *focusable*:
<div class="px-5 card rounded d-inline-block">
<img class="document-img" src="images/camera/6_make_sure_checked.png" alt="" />
<img class="document-img" src="images/camera/6_add_focusable_prop.png" alt="" />
</div>
7. Make sure it's checked! :)
<div class="px-5 card rounded d-inline-block">
<img class="document-img" src="images/camera/7_make_sure_checked.png" alt="" />
</div>
All should be set up now and your new **Focusable Zone** should be working fine!
@ -56,19 +62,19 @@ If you want, you can add an additional property to control how much should the c
1. Like before, click on **Add Property**
<div class="px-5 card rounded d-inline-block">
<img class="document-img" src="images/camera/4_click_add_property.png" alt="" />
<img class="document-img" src="images/camera/5_click_add_property.png" alt="" />
</div>
2. Add a **float** property of name *zoom_margin*:
<div class="px-5 card rounded d-inline-block">
<img class="document-img" src="images/camera/7_add_zoom_margin.png" alt="" />
<img class="document-img" src="images/camera/8_add_zoom_margin.png" alt="" />
</div>
2. Define how much (in percentage value) should the zoom be decreased:
<div class="px-5 card rounded d-inline-block">
<img class="document-img" src="images/camera/8_optional_zoom_margin_defined.png" alt="" />
<img class="document-img" src="images/camera/9_optional_zoom_margin_defined.png" alt="" />
</div>
For example, if you define your zone as a 300x200 rectangle, setting this property to 0.5 *(50%)* means the camera will try to fit within the viewport the entire zone + margin of 50% of its dimensions, so 450x300.