# How to make the camera face and rotate to align with the top face of the box object?

**URL:** <https://discourse.threejs.org/t/how-to-make-the-camera-face-and-rotate-to-align-with-the-top-face-of-the-box-object/74437>\
**Category:** Questions\
**Tags:** animation, geometry\
**Created:** [November 26, 2024, 9:27am UTC](https://discourse.threejs.org/t/how-to-make-the-camera-face-and-rotate-to-align-with-the-top-face-of-the-box-object/74437 "2024-11-26T09:27:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![panksi](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/panksi/32/53942_2.png) [@panksi](https://discourse.threejs.org/u/panksi)\
**Post date:** [November 26, 2024, 9:27am UTC](https://discourse.threejs.org/t/how-to-make-the-camera-face-and-rotate-to-align-with-the-top-face-of-the-box-object/74437/1 "2024-11-26T09:27:23Z")

</div>

Hello newbie here,  
first post and hopefully not last In the community,

So I have a dice that can be rolled and a camera with a top-down view that aims at the center of the scene, where the dice is by default. After the dice is rolled, the camera should move above it and rotate its Z axis to align with the top face of the dice. I have tried various things to make it work, but as I am currently overwhelmed, I would love it if someone from the community would pull out some magic wand and point me in the right direction.

Thanks

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [November 26, 2024, 11:09am UTC](https://discourse.threejs.org/t/how-to-make-the-camera-face-and-rotate-to-align-with-the-top-face-of-the-box-object/74437/2 "2024-11-26T11:09:29Z")

</div>

> [@panksi](#):
>
> […] point me in the right direction […]

1. Move camera above that dice according to: dice position + (0,1,0)
2. Do camera.lookAt the dice position.