navigation docs

Author: Rahul Gupta

docs/navigation.md

@@ -0,0 +1,45 @@
+---
+sidebar_label: 'Navigation'
+sidebar_position: 2
+---
+
+# Navigation
+
+### 3DStreet Editor
+
+#### Hand Icon
+
+The hand icon allows you to click and drag to move around the scene without accidentally selecting an object.
+
+![Screenshot of the 3DStreet Editor with the hand icon cursor.](/img/docs/navigation/3dstreet-editor-hand.gif)
+
+#### Panning
+
+Click and drag to move around the scene.
+
+![Animated gif of a user panning a street scene using the 3DStreet Editor.](/img/docs/navigation/pan.gif)
+
+#### Rotation
+
+Right click and drag to rotate while staying in place. (Hold `SHIFT` and click and drag if you have a trackpad.)
+
+![Animated gif of a user rotating a street scene using the 3DStreet Editor.](/img/docs/navigation/rotate.gif)
+
+#### Zooming In and Out
+
+With scroll wheel on your mouse move the wheel up and down. Or with trackpad use two fingers and move towards each other for a zoom in and move away from each other for zoom out.
+
+![Animated gif of a user zooming in and out of a street scene using the 3DStreet Editor.](/img/docs/navigation/zoom.gif)
+
+#### Double Click
+Double click on an entity in the scene graph or in the scene to fly the camera to that location.
+
+![Animated gif of a user double clicking on an entity to fly the camera to that location using the 3DStreet Editor.](/img/docs/navigation/double-click.gif)
+
+
+### Viewer
+Like “Streetview” this is how you can get a real-life perspective of your street scene from the ground level
+
+To move use arrows  / wasd or click once on a point on the ground and you will teleport to that location. Even fly around if you’re feeling adventurous - (requires holding left click as a way to move around. maybe change that to just point in a direction?)
+
+![Animated gif of a user navigating a street scene using the 3DStreet Viewer.](/img/docs/navigation/viewer.gif)