# \#lookat

**URL:** https://discourse.threejs.org/tag/lookat/420.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## ["lookat" / "billboard" vertex shader for InstancedMesh instances?](https://discourse.threejs.org/t/lookat-billboard-vertex-shader-for-instancedmesh-instances/86227)

<div class="topic-metadata">

**Author:** [@torrent](https://discourse.threejs.org/u/torrent)\
**Replies:** 7\
**Last updated:** [August 16, 2025, 11:54pm UTC](https://discourse.threejs.org/t/lookat-billboard-vertex-shader-for-instancedmesh-instances/86227 "2025-08-16T23:54:41Z")

</div>

I have a large InstancedMesh object with many simple geometry instances. I would like to write a vertex shader in TSL that makes each instance always face the camera, like billboard sprites do. The following TSL node wo…

---

## [React-Three-Fiber: Camera Won't Face HoverableCube After GSAP Transition (Controls.Target Issue)](https://discourse.threejs.org/t/react-three-fiber-camera-wont-face-hoverablecube-after-gsap-transition-controls-target-issue/78356)

<div class="topic-metadata">

**Author:** [@lilsolar](https://discourse.threejs.org/u/lilsolar)\
**Replies:** 0\
**Last updated:** [February 19, 2025, 7:39pm UTC](https://discourse.threejs.org/t/react-three-fiber-camera-wont-face-hoverablecube-after-gsap-transition-controls-target-issue/78356 "2025-02-19T19:39:42Z")

</div>

Issue Description I’m using react-three-fiber and I have a function called HoverableCube that creates a transparent, interactive cube. When clicked, it moves le camera clos to it and should have the camera face the cube…

---

## [Camera won't look at object despite camera.lookAt()](https://discourse.threejs.org/t/camera-wont-look-at-object-despite-camera-lookat/77900)

<div class="topic-metadata">

**Author:** [@lilsolar](https://discourse.threejs.org/u/lilsolar)\
**Replies:** 1\
**Last updated:** [February 10, 2025, 11:43pm UTC](https://discourse.threejs.org/t/camera-wont-look-at-object-despite-camera-lookat/77900 "2025-02-10T23:43:37Z")

</div>

I have a function HoverableCube that creates a transparent cube that the code interacts with. The parameters for Hoverable cube are: position(3d vector), rotation (3d vector), scale(size), moveTo (where the camera moves…

---

## [Camera movement and points](https://discourse.threejs.org/t/camera-movement-and-points/68868)

<div class="topic-metadata">

**Author:** [@devTebo](https://discourse.threejs.org/u/devTebo)\
**Replies:** 4\
**Last updated:** [August 7, 2024, 7:20am UTC](https://discourse.threejs.org/t/camera-movement-and-points/68868 "2024-08-07T07:20:14Z")

</div>

Hello again community. I would like to create camera movements that are related to the sprite points I have added on my model. I looked at this examples here and it’s a really good example of what I would like to achieve…

---

## [Mesh is not facing camera when model is rotated](https://discourse.threejs.org/t/mesh-is-not-facing-camera-when-model-is-rotated/68642)

<div class="topic-metadata">

**Author:** [@Manii\_Pindi](https://discourse.threejs.org/u/Manii_Pindi)\
**Replies:** 6\
**Last updated:** [July 28, 2024, 4:18pm UTC](https://discourse.threejs.org/t/mesh-is-not-facing-camera-when-model-is-rotated/68642 "2024-07-28T16:18:58Z")

</div>

I want to make the mesh representing the height of the model to always face the camera whenever user rotates the model. I have tried using mesh.lookAt(camera.position); the mesh is facing the camera but somehow the mesh…

---

## [lookAt() is imprecise. How to fix?](https://discourse.threejs.org/t/lookat-is-imprecise-how-to-fix/67504)

<div class="topic-metadata">

**Author:** [@prominent](https://discourse.threejs.org/u/prominent)\
**Replies:** 8\
**Last updated:** [June 30, 2024, 5:05pm UTC](https://discourse.threejs.org/t/lookat-is-imprecise-how-to-fix/67504 "2024-06-30T17:05:26Z")

</div>

When I do the following: obj.position.set(0,0,0); obj.lookAt(new THREE.Vector3(0,1,0)); obj.getWorldDirection(vector); console.log(vector); I get: Vector3 {x: 0, y: 0.999999995, z: 0.00009999999949994454} As you can …

---

## [Rotate model and show specific mesh into camera | screenshot](https://discourse.threejs.org/t/rotate-model-and-show-specific-mesh-into-camera-screenshot/65629)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 1\
**Last updated:** [May 16, 2024, 12:58pm UTC](https://discourse.threejs.org/t/rotate-model-and-show-specific-mesh-into-camera-screenshot/65629 "2024-05-16T12:58:31Z")

</div>

Hi guys, I want to produce some icons of my 3d model’s meshes. At first, the model should be fit to view (should be zoomed as large as possible in canvas (fit to view). this is a canvas for preview Then I make the…

---

## [LookAt smooth rotation or animation](https://discourse.threejs.org/t/lookat-smooth-rotation-or-animation/32665)

<div class="topic-metadata">

**Author:** [@jcy](https://discourse.threejs.org/u/jcy)\
**Replies:** 10\
**Last updated:** [February 11, 2024, 11:03pm UTC](https://discourse.threejs.org/t/lookat-smooth-rotation-or-animation/32665 "2024-02-11T23:03:21Z")

</div>

Hi, I’m using the lookAt() function to rotate a 3D character towards a vector. However this is instant and doesn’t look natural. Is it possible to animate the lookAt() or have slower rotation so that the result is more …

---

## [(In the Awwwards website referred) Camera Path and lookAt are working in their own way](https://discourse.threejs.org/t/in-the-awwwards-website-referred-camera-path-and-lookat-are-working-in-their-own-way/58796)

<div class="topic-metadata">

**Author:** [@Evan\_Jin](https://discourse.threejs.org/u/Evan_Jin)\
**Replies:** 6\
**Last updated:** [December 1, 2023, 5:33pm UTC](https://discourse.threejs.org/t/in-the-awwwards-website-referred-camera-path-and-lookat-are-working-in-their-own-way/58796 "2023-12-01T17:33:33Z")

</div>

https://unconventionalgallery.ruinart.com/#/ I’m currently trying to figure out how this SOTD website is well made and got stuck on this question. I know that we can create a camera path in Blender using a curve, co…

---

## [3D object is seen from opposite direction from camera](https://discourse.threejs.org/t/3d-object-is-seen-from-opposite-direction-from-camera/54174)

<div class="topic-metadata">

**Author:** [@mahadi](https://discourse.threejs.org/u/mahadi)\
**Replies:** 3\
**Last updated:** [July 22, 2023, 9:44am UTC](https://discourse.threejs.org/t/3d-object-is-seen-from-opposite-direction-from-camera/54174 "2023-07-22T09:44:12Z")

</div>

Hi all. Hope for a good day. I am facing a weird orientation of my object(not all but only for some case). I have a 3D object loaded from a glb file(created in blender). My object is looking at -Y of blender so which is…

---

## [Unexpected camera rotation after animation](https://discourse.threejs.org/t/unexpected-camera-rotation-after-animation/53491)

<div class="topic-metadata">

**Author:** [@space1worm](https://discourse.threejs.org/u/space1worm)\
**Replies:** 2\
**Last updated:** [July 4, 2023, 12:00pm UTC](https://discourse.threejs.org/t/unexpected-camera-rotation-after-animation/53491 "2023-07-04T12:00:06Z")

</div>

Hi guys! I’m encountering an issue where the camera undergoes an unintended rotation at the end of a tween animation. The tween animation smoothly moves the camera to a target position using interpolation, but upon reac…

---

## [Dynamic bones animation](https://discourse.threejs.org/t/dynamic-bones-animation/52718)

<div class="topic-metadata">

**Author:** [@stmaccarelli](https://discourse.threejs.org/u/stmaccarelli)\
**Replies:** 4\
**Last updated:** [June 13, 2023, 1:46pm UTC](https://discourse.threejs.org/t/dynamic-bones-animation/52718 "2023-06-13T13:46:56Z")

</div>

Hello, another dynamic animation question on a ragdoll I’m trying to build in three from a skinned mesh using cannonjs simulation. I cant figure out how to solve my issue. I Have a skinned mesh, with some “chains” of b…

---

## [lookAt - flip / spin looking at poles](https://discourse.threejs.org/t/lookat-flip-spin-looking-at-poles/52764)

<div class="topic-metadata">

**Author:** [@stmaccarelli](https://discourse.threejs.org/u/stmaccarelli)\
**Replies:** 2\
**Last updated:** [June 13, 2023, 10:44am UTC](https://discourse.threejs.org/t/lookat-flip-spin-looking-at-poles/52764 "2023-06-13T10:44:51Z")

</div>

Hello everyone. Let’s say I have two moving Object3Ds, source and target, and I want source to rotate towards target, in a fashion similar to lookAt. my function is: const up = new THREE.Vector3(0, 1, 0); …

---

## [Camera Position and Lookat](https://discourse.threejs.org/t/camera-position-and-lookat/47196)

<div class="topic-metadata">

**Author:** [@mahadi](https://discourse.threejs.org/u/mahadi)\
**Replies:** 2\
**Last updated:** [January 23, 2023, 3:33pm UTC](https://discourse.threejs.org/t/camera-position-and-lookat/47196 "2023-01-23T15:33:47Z")

</div>

Hi, I am new to Three JS. I want to know a simple thing(for you), a visual.explanation would be much appreciated. Lets say I have a 3D cube in my scene. Since its a 3D cube it has 6 sides. If I want to see all the 6 side…

---

## [Make Object A always look at Object B](https://discourse.threejs.org/t/make-object-a-always-look-at-object-b/45120)

<div class="topic-metadata">

**Author:** [@orion\_prime](https://discourse.threejs.org/u/orion_prime)\
**Replies:** 4\
**Last updated:** [November 26, 2022, 7:38am UTC](https://discourse.threejs.org/t/make-object-a-always-look-at-object-b/45120 "2022-11-26T07:38:25Z")

</div>

Just like how spot/direction light looks at it’s target and sprites look at camera , how can i make Mesh/Object3d/Group A look at Mesh/Object3d/Group B without adding any extra code in the animation loop as this object’s…

---

## [LookAt behaviour difference between Camera and Object3D](https://discourse.threejs.org/t/lookat-behaviour-difference-between-camera-and-object3d/44431)

<div class="topic-metadata">

**Author:** [@leoncvlt](https://discourse.threejs.org/u/leoncvlt)\
**Replies:** 2\
**Last updated:** [November 8, 2022, 12:33am UTC](https://discourse.threejs.org/t/lookat-behaviour-difference-between-camera-and-object3d/44431 "2022-11-08T00:33:10Z")

</div>

I’ve got a “camera rig” setup where a Camera is parented to an Object3D which I move around. When it comes down to rotating it, I’m expecting this (pseudocode): const rig = new Object3D(); const camera = new Perspective…

---

## [More advanced lookAt?](https://discourse.threejs.org/t/more-advanced-lookat/43997)

<div class="topic-metadata">

**Author:** [@MeJayEss](https://discourse.threejs.org/u/MeJayEss)\
**Replies:** 3\
**Last updated:** [October 26, 2022, 8:36am UTC](https://discourse.threejs.org/t/more-advanced-lookat/43997 "2022-10-26T08:36:05Z")

</div>

I want to animate one of my animation models to turn and look at another object, but I want to do it over a certain amount of time (e.g. - 1 second), instead of using the lookAt() function to do it immediately. I found …

---

## [Why lookAt is not working in react-three-fiber mesh?](https://discourse.threejs.org/t/why-lookat-is-not-working-in-react-three-fiber-mesh/42894)

<div class="topic-metadata">

**Author:** [@Myth\_Xenodo](https://discourse.threejs.org/u/Myth_Xenodo)\
**Replies:** 2\
**Last updated:** [September 25, 2022, 7:51am UTC](https://discourse.threejs.org/t/why-lookat-is-not-working-in-react-three-fiber-mesh/42894 "2022-09-25T07:51:48Z")

</div>

How does lookAt in react-three/fiber works on passing mesh? I don’t understand…so basically I have a field of boxes with 10 margins…but I want all box lookAt the center of surface but it doesn’t work…Here is the code… T…

---

## [Centering a 3D model & Targeting with OrbitControls](https://discourse.threejs.org/t/centering-a-3d-model-targeting-with-orbitcontrols/38401)

<div class="topic-metadata">

**Author:** [@Berat\_Genc](https://discourse.threejs.org/u/Berat_Genc)\
**Replies:** 0\
**Last updated:** [May 22, 2022, 6:56am UTC](https://discourse.threejs.org/t/centering-a-3d-model-targeting-with-orbitcontrols/38401 "2022-05-22T06:56:17Z")

</div>

Hello everyone!, I’ve been trying to center out a 3d model in my canvas. When I load the model, it locates itself somewhere that is apparently not even close to where I want it to be. What bothers me is that when I posi…

---

## [Stop camera lookAt function](https://discourse.threejs.org/t/stop-camera-lookat-function/26495)

<div class="topic-metadata">

**Author:** [@RAUMIK\_RANA](https://discourse.threejs.org/u/RAUMIK_RANA)\
**Replies:** 4\
**Last updated:** [December 7, 2021, 5:41am UTC](https://discourse.threejs.org/t/stop-camera-lookat-function/26495 "2021-12-07T05:41:32Z")

</div>

I set, camera.lookAt(0,0,0) so that camera rotation changes according to camera position. but at some point I want to deactivate this facility. I want to change camera position without affecting camera rotation? ple…

---

## [camera.lookAt() position changes as I moved camera.position?](https://discourse.threejs.org/t/camera-lookat-position-changes-as-i-moved-camera-position/8563)

<div class="topic-metadata">

**Author:** [@rhonjo](https://discourse.threejs.org/u/rhonjo)\
**Replies:** 6\
**Last updated:** [November 17, 2021, 11:18am UTC](https://discourse.threejs.org/t/camera-lookat-position-changes-as-i-moved-camera-position/8563 "2021-11-17T11:18:22Z")

</div>

Hi, I have a checkerboard starting from (0,0,0) and each checker piece is 100 x 100 on the X Y plane. In my init function I have: camera = new THREE.PerspectiveCamera( 25, 1, 20, 4000 ); camera.position.set( 400, 400,…

---

## [Lerping camera and lookAt together with dynamic taret (React three fiber)](https://discourse.threejs.org/t/lerping-camera-and-lookat-together-with-dynamic-taret-react-three-fiber/28896)

<div class="topic-metadata">

**Author:** [@laffan](https://discourse.threejs.org/u/laffan)\
**Replies:** 12\
**Last updated:** [August 17, 2021, 4:05pm UTC](https://discourse.threejs.org/t/lerping-camera-and-lookat-together-with-dynamic-taret-react-three-fiber/28896 "2021-08-17T16:05:09Z")

</div>

(I’ve asked this same question on stackOverflow, but just found this site & thought it might make more sense here. I hope that’s not against any rules. Original post here - Any answer gotten once place will be added/lin…

---

## [Go back from setting camera.lookAt()](https://discourse.threejs.org/t/go-back-from-setting-camera-lookat/26249)

<div class="topic-metadata">

**Author:** [@annwhoorma](https://discourse.threejs.org/u/annwhoorma)\
**Replies:** 4\
**Last updated:** [May 15, 2021, 5:01pm UTC](https://discourse.threejs.org/t/go-back-from-setting-camera-lookat/26249 "2021-05-15T17:01:26Z")

</div>

I need to alternate before two states of the camera: when it’s focused on something with a certain position and when it’s not focused at something. I noticed that after I do camera.lookAt(x, y, z) it’s impossible to uns…

---

## [Camera rotation - run a function if the camera stop at each point](https://discourse.threejs.org/t/camera-rotation-run-a-function-if-the-camera-stop-at-each-point/20939)

<div class="topic-metadata">

**Author:** [@Hiro](https://discourse.threejs.org/u/Hiro)\
**Replies:** 3\
**Last updated:** [November 24, 2020, 2:12pm UTC](https://discourse.threejs.org/t/camera-rotation-run-a-function-if-the-camera-stop-at-each-point/20939 "2020-11-24T14:12:26Z")

</div>

Hi Everyone, I have created a JSFiddle, user can use mouse wheel (line 154) to rotate the camera.rotate.y in 4 angle degree, 90 / 180 ./ 270 / 0 , but I’m not sure how to trigger or run the function every time if the c…

---

## [Implementation of world-space lookAt](https://discourse.threejs.org/t/implementation-of-world-space-lookat/2024)

<div class="topic-metadata">

**Author:** [@trusktr](https://discourse.threejs.org/u/trusktr)\
**Replies:** 6\
**Last updated:** [January 15, 2019, 10:20pm UTC](https://discourse.threejs.org/t/implementation-of-world-space-lookat/2024 "2019-01-15T22:20:36Z")

</div>

Hello, all, here’s a simple way to implement true lookAt which does not require elements to have non-transformed parents. Implementation In the following example, both objectAnywhereInTheSceneGraph and otherObjectAnywhe…

---

## [How to use lookAt for children and parent objects at the same time?](https://discourse.threejs.org/t/how-to-use-lookat-for-children-and-parent-objects-at-the-same-time/5725)

<div class="topic-metadata">

**Author:** [@qarlo](https://discourse.threejs.org/u/qarlo)\
**Replies:** 4\
**Last updated:** [January 14, 2019, 5:26pm UTC](https://discourse.threejs.org/t/how-to-use-lookat-for-children-and-parent-objects-at-the-same-time/5725 "2019-01-14T17:26:49Z")

</div>

Hello, I’m trying to use the lookAt function to rotate an object towards the mouse the cursor. The object is a human face created in Blender and it has two children objects for the eyes. I’m using an invisible plane to…