Skip to content

Commit

Permalink
Migrate camera doc to 4 0 0 (#66)
Browse files Browse the repository at this point in the history 
* Add camera and orthographic camera.  Need to review and test old code still.

* Add new OrthographicCamera documentation

* Remove archived document

* Change plain links to lists of links
  • Loading branch information
@kaltinril
kaltinril committed Aug 16, 2024
1 parent 7abc03c commit f0760ba
Show file tree
Hide file tree
Showing 10 changed files with 469 additions and 81 deletions.
2 changes: 1 addition & 1 deletion docs/about/introduction.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Some of the main features of **MonoGame.Extended** include:
| [2D Animations](/docs/features/2d-animations/spritesheet/spritesheet.md) | Offers utility class such as `SpriteSheet` and `AniamtedSprite` for creating and managing 2D sprite animations. |
| [Fonts](/docs/features/fonts/bitmapfont/bitmapfont.md) | Provides support for Bitmap Fonts created with BMFont or Hiero. |
| [Input](/docs/features/input/keyboardextended/keyboardextended.md) | Utility classes that extend the base input states provided by MonoGame as well as an `InputListener` for event based input events instead of poll based. |
| Cameras | ⚠️ Documentation is being updated, please check back soon. |
| [Camera](/docs/features/camera/camera.md) | Class wrapper for viewport objects. Allows easily moving the viewable area of your world. |
| Collections | ⚠️ Documentation is being updated, please check back soon. |
| Collisions | ⚠️ Documentation is being updated, please check back soon. |
| Content Management | ⚠️ Documentation is being updated, please check back soon. |
Expand Down
80 changes: 0 additions & 80 deletions docs/archived/cameras/cameras.md
View file

This file was deleted.

151 changes: 151 additions & 0 deletions docs/features/camera/camera.drawio
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<mxfile host="Electron" modified="2024-08-06T08:59:24.001Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/24.1.0 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="1-C9MeCkMple542_T59m" version="24.1.0" type="device">
<diagram name="Page-1" id="zrzKHPOPJUGtaxBAaTz2">
<mxGraphModel dx="1185" dy="683" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="6_ZarQ_vUb78W5QK9TJe-39" value="" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;rotation=90;size=98.43000000000006;fillColor=#1ba1e2;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
<mxGeometry x="410" y="75" width="270" height="145" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-3" value="" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.cone2;dx=0.5;dy=0.9;rotation=-90;" vertex="1" parent="1">
<mxGeometry x="110" y="170" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-1" value="" style="rounded=1;whiteSpace=wrap;html=1;direction=south;rotation=90;" vertex="1" parent="1">
<mxGeometry x="40" y="140" width="60" height="120" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-4" value="" style="endArrow=none;html=1;rounded=0;strokeWidth=3;fillColor=#1ba1e2;strokeColor=#006EAF;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="290" y="355" as="sourcePoint" />
<mxPoint x="290" y="45" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-5" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="180" y="170" as="sourcePoint" />
<mxPoint x="280" y="130" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-6" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="180" y="230" as="sourcePoint" />
<mxPoint x="280" y="270" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-7" value="&lt;b&gt;Side View&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fillColor=default;" vertex="1" parent="1">
<mxGeometry x="200" y="190" width="60" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-8" value="&lt;b&gt;Camera&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="40" y="185" width="60" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-9" value="&lt;b&gt;Screen / Scene&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=default;" vertex="1" parent="1">
<mxGeometry x="231" y="10" width="110" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-10" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#4bc1fb;fontColor=#ffffff;strokeColor=#006EAF;" vertex="1" parent="1">
<mxGeometry x="140" y="400" width="420" height="310" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-11" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;strokeWidth=2;fontColor=#ffffff;strokeColor=#001DBC;" vertex="1" parent="1">
<mxGeometry x="220" y="490" width="270" height="140" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-12" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="330" y="535" width="50" height="50" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-13" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;exitX=0;exitY=0;exitDx=0;exitDy=0;entryX=0;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-12" target="6_ZarQ_vUb78W5QK9TJe-11">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="-30" y="540" as="sourcePoint" />
<mxPoint x="70" y="500" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-14" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;exitX=1;exitY=0;exitDx=0;exitDy=0;entryX=1;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-12" target="6_ZarQ_vUb78W5QK9TJe-11">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="400" y="530" as="sourcePoint" />
<mxPoint x="500" y="490" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-15" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;entryX=0;entryY=1;entryDx=0;entryDy=0;exitX=-0.007;exitY=0.949;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-12" target="6_ZarQ_vUb78W5QK9TJe-11">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="-20" y="550" as="sourcePoint" />
<mxPoint x="80" y="510" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-16" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;entryX=0.992;entryY=0.956;entryDx=0;entryDy=0;entryPerimeter=0;exitX=1;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-11" target="6_ZarQ_vUb78W5QK9TJe-12">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="-10" y="560" as="sourcePoint" />
<mxPoint x="90" y="520" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-17" value="&lt;b&gt;Camera&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="325" y="545" width="60" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-18" value="&lt;font color=&quot;#000000&quot;&gt;&lt;b&gt;Front View&lt;/b&gt;&lt;/font&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="317.5" y="660" width="75" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-19" value="&lt;font color=&quot;#000000&quot;&gt;&lt;b&gt;Screen / Scene&lt;/b&gt;&lt;/font&gt;" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="1">
<mxGeometry x="295" y="410" width="110" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-20" value="&lt;font color=&quot;#3333ff&quot;&gt;&lt;b&gt;Viewable Area&lt;/b&gt;&lt;/font&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="325" y="500" width="60" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-26" value="" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.cone2;dx=0.5;dy=0.9;rotation=-135;" vertex="1" parent="1">
<mxGeometry x="410" y="240" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-27" value="" style="rounded=1;whiteSpace=wrap;html=1;direction=south;rotation=45;" vertex="1" parent="1">
<mxGeometry x="360" y="260" width="60" height="120" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-28" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;exitX=0;exitY=0;exitDx=60;exitDy=54;exitPerimeter=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-26">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="450" y="220" as="sourcePoint" />
<mxPoint x="500" y="160" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-29" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;exitX=0.029;exitY=0.971;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-26">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="490" y="270" as="sourcePoint" />
<mxPoint x="570" y="210" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-30" value="&lt;b&gt;Composite View&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fillColor=default;" vertex="1" parent="1">
<mxGeometry x="515" y="280" width="60" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-31" value="&lt;b&gt;Camera&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="360" y="300" width="60" height="30" as="geometry" />
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-32" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;exitX=0;exitY=0;exitDx=60;exitDy=54;exitPerimeter=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-26">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="470" y="232" as="sourcePoint" />
<mxPoint x="500" y="100" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-34" value="" style="endArrow=none;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="570" y="150" as="sourcePoint" />
<mxPoint x="500" y="100" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-35" value="" style="endArrow=none;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="570" y="210" as="sourcePoint" />
<mxPoint x="500" y="160" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-36" value="" style="endArrow=none;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="500" y="160" as="sourcePoint" />
<mxPoint x="500" y="100" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-37" value="" style="endArrow=none;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="570" y="210" as="sourcePoint" />
<mxPoint x="570" y="150" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="6_ZarQ_vUb78W5QK9TJe-40" value="" style="endArrow=none;dashed=1;html=1;strokeWidth=2;rounded=0;fillColor=#0050ef;strokeColor=#001DBC;exitX=0;exitY=0;exitDx=0;exitDy=54;exitPerimeter=0;" edge="1" parent="1" source="6_ZarQ_vUb78W5QK9TJe-26">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="478" y="274" as="sourcePoint" />
<mxPoint x="570" y="150" as="targetPoint" />
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
Loading

0 comments on commit f0760ba

Please sign in to comment.