# Creating a customixed camera angle like mayflower

**URL:** <https://forum.babylonjs.com/t/creating-a-customixed-camera-angle-like-mayflower/38782>\
**Category:** Questions\
**Tags:** camera, react-babylonjs\
**Created:** [March 6, 2023, 1:13pm UTC](https://forum.babylonjs.com/t/creating-a-customixed-camera-angle-like-mayflower/38782 "2023-03-06T13:13:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![OwaisIqbal](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/owaisiqbal/32/30490_2.png) [@OwaisIqbal](https://forum.babylonjs.com/u/OwaisIqbal)\
**Post date:** [March 6, 2023, 1:13pm UTC](https://forum.babylonjs.com/t/creating-a-customixed-camera-angle-like-mayflower/38782/1 "2023-03-06T13:13:14Z")

</div>

How can we create a Camera Angle Like “[Mayflower Autonomous Ship](https://www.ibm.com/resources/cloud/mayflower-ship-experience/#/experience/harbor)”

---

<div class="post-metadata">

**Author:** ![carolhmj](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/carolhmj/32/25918_2.png) [@carolhmj](https://forum.babylonjs.com/u/carolhmj)\
**Post date:** [March 6, 2023, 1:57pm UTC](https://forum.babylonjs.com/t/creating-a-customixed-camera-angle-like-mayflower/38782/2 "2023-03-06T13:57:41Z")

</div>

Hello and welcome to the Babylon community!

If I’m not mistaken, the Mayflower site just uses an [ArcRotateCamera | Babylon.js Documentation (babylonjs.com)](https://doc.babylonjs.com/typedoc/classes/BABYLON.ArcRotateCamera) with the panning and rotation buttons swapped from their usual buttons.

---

<div class="post-metadata">

**Author:** ![OwaisIqbal](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/owaisiqbal/32/30490_2.png) [@OwaisIqbal](https://forum.babylonjs.com/u/OwaisIqbal)\
**Post date:** [March 6, 2023, 2:09pm UTC](https://forum.babylonjs.com/t/creating-a-customixed-camera-angle-like-mayflower/38782/3 "2023-03-06T14:09:05Z")

</div>

can you please highlight a code example, as i am just starting out with Babylon and have no prior gaming experience, so i am unable to achieve the desired result.

---

<div class="post-metadata">

**Author:** ![carolhmj](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/carolhmj/32/25918_2.png) [@carolhmj](https://forum.babylonjs.com/u/carolhmj)\
**Post date:** [March 6, 2023, 2:29pm UTC](https://forum.babylonjs.com/t/creating-a-customixed-camera-angle-like-mayflower/38782/4 "2023-03-06T14:29:13Z")

</div>

Since you’re beginning to learn Babylon and 3D, I highly recommend you to go through the tutorials on [Introduction to Babylon.js Features | Babylon.js Documentation (babylonjs.com)](https://doc.babylonjs.com/features/introductionToFeatures) as they will give you a lot of foundation, and that will make developing everything way easier when the basics are solid 🙂
