# How can I make the instanced boxes lookat sphere position

**URL:** <https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963>\
**Category:** Questions\
**Tags:** geometry\
**Created:** [November 13, 2024, 9:02am UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963 "2024-11-13T09:02:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![blackInk](https://avatars.discourse-cdn.com/v4/letter/b/c2a13f/32.png) [@blackInk](https://discourse.threejs.org/u/blackInk)\
**Post date:** [November 13, 2024, 9:02am UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963/1 "2024-11-13T09:02:37Z")

</div>

I used a pen by @prisoner849 and changed spheres to boxes. Now I want all the instanced boxes lookat sphere´s position - can somenone tell me how:

https://codepen.io/hans-halfer/embed/preview/oNKmdox?default-tabs=html%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=oNKmdox

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 13, 2024, 9:25am UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963/2 "2024-11-13T09:25:25Z")

</div>

Quick search for `lookAt` in glsl gave some links to resources, I used one of them 🤔

Picture:

 ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/e/ee633a6ba2c4ddcce3bd7e2e5b1085c59789e32f.jpeg)

Demo: [https://codepen.io/prisoner849/full/PoMVaYa](https://codepen.io/prisoner849/full/PoMVaYa)

---

<div class="post-metadata">

**Author:** ![blackInk](https://avatars.discourse-cdn.com/v4/letter/b/c2a13f/32.png) [@blackInk](https://discourse.threejs.org/u/blackInk)\
**Post date:** [November 13, 2024, 9:58am UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963/3 "2024-11-13T09:58:23Z")

</div>

Ace!

Can I add a “per box scale factor” to this as well? So that each box has a different z-size/height?

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 13, 2024, 10:07am UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963/4 "2024-11-13T10:07:44Z")

</div>

Yes, add another one instanced buffer attribute, for example.  
I modified the codepen from my post above.

---

<div class="post-metadata">

**Author:** ![blackInk](https://avatars.discourse-cdn.com/v4/letter/b/c2a13f/32.png) [@blackInk](https://discourse.threejs.org/u/blackInk)\
**Post date:** [November 13, 2024, 11:54am UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963/5 "2024-11-13T11:54:36Z")

</div>

This is awesome!

Is there a way to update colors of the instancedmeshes in the renderloop?

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 13, 2024, 12:39pm UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963/6 "2024-11-13T12:39:11Z")

</div>

Nothing can stop you from changing and updating of buffer attributes, including the one with colors 🤔

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 13, 2024, 1:18pm UTC](https://discourse.threejs.org/t/how-can-i-make-the-instanced-boxes-lookat-sphere-position/73963/7 "2024-11-13T13:18:58Z")

</div>

Or you can do funny things in shaders.

Picture:

 ![изображение](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/6/c/6c36dc0a493c2ae87579bb61848987380dca7ab1.jpeg)

Demo: [https://codepen.io/prisoner849/full/abeXRrE](https://codepen.io/prisoner849/full/abeXRrE)