# Recenter model

**URL:** <https://forum.8thwall.com/t/recenter-model/4394>\
**Category:** Technical Support\
**Created:** [January 3, 2025, 9:00pm UTC](https://forum.8thwall.com/t/recenter-model/4394 "2025-01-03T21:00:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Plus\_Studio](https://avatars.discourse-cdn.com/v4/letter/p/8baadc/32.png) [@Plus\_Studio](https://forum.8thwall.com/u/Plus_Studio)\
**Post date:** [January 3, 2025, 9:00pm UTC](https://forum.8thwall.com/t/recenter-model/4394/1 "2025-01-03T21:00:57Z")

</div>

I want to make a button that when clicked will recenter my model. I am currently using the A-Frame: Manipulate 3D Model template. Can you give me an example or guide me?

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [January 3, 2025, 9:03pm UTC](https://forum.8thwall.com/t/recenter-model/4394/2 "2025-01-03T21:03:02Z")

</div>

Hi! Welcome to the forums!

Check out this page on our docs:

> **[recenter | 8th Wall](https://www.8thwall.com/docs/api/aframeeventlisenters/recenter/)**
>
> scene.emit('recenter', {origin, facing})

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [March 24, 2025, 3:31pm UTC](https://forum.8thwall.com/t/recenter-model/4394/4 "2025-03-24T15:31:27Z")

</div>

Yes, check out line 68 and 69 from this sample project:

> **[Studio: Animated Shaders | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/animated-shaders/code/animated-shader.ts)**
>
> This project demonstrates how to create an animated shader applied to a primitive.