# New Animation change light direction.x

**URL:** <https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697>\
**Category:** Questions\
**Tags:** light\
**Created:** [July 1, 2024, 3:08am UTC](https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697 "2024-07-01T03:08:56Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![lxq100](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lxq100/32/43689_2.png) [@lxq100](https://forum.babylonjs.com/u/lxq100)\
**Post date:** [July 1, 2024, 3:08am UTC](https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697/1 "2024-07-01T03:08:56Z")

</div>

I create new Animation to change direction.x of directionalLight，  
but direction.x of directionalLight is not change.

> **[Babylon.js Playground](https://playground.babylonjs.com/#31M2AP%23568)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

How do I get over this?

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [July 1, 2024, 5:17am UTC](https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697/2 "2024-07-01T05:17:35Z")

</div>

Here is the simpler example - [Babylon.js Playground](https://playground.babylonjs.com/#V5A1RH)

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [July 1, 2024, 6:07am UTC](https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697/3 "2024-07-01T06:07:19Z")

</div>

@labris bro, shift + alt + F next time 😺

---

<div class="post-metadata">

**Author:** ![lxq100](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/lxq100/32/43689_2.png) [@lxq100](https://forum.babylonjs.com/u/lxq100)\
**Post date:** [July 1, 2024, 7:12am UTC](https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697/4 "2024-07-01T07:12:17Z")

</div>

light add LightGizmo,code at 34 line animation not work

> **[Babylon.js Playground](https://playground.babylonjs.com/#V5A1RH%231)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

---

<div class="post-metadata">

**Author:** ![labris](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/labris/32/12576_2.png) [@labris](https://forum.babylonjs.com/u/labris)\
**Post date:** [July 1, 2024, 2:53pm UTC](https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697/5 "2024-07-01T14:53:32Z")

</div>

Possible like here - [https://playground.babylonjs.com/#V5A1RH#2](https://playground.babylonjs.com/#V5A1RH#2)

---

<div class="post-metadata">

**Author:** ![roland](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/roland/32/38940_2.png) [@roland](https://forum.babylonjs.com/u/roland)\
**Post date:** [July 1, 2024, 4:22pm UTC](https://forum.babylonjs.com/t/new-animation-change-light-direction-x/51697/6 "2024-07-01T16:22:16Z")

</div>

or w/o creating/disposing a new gizmo class in every frame:

> **[Babylon.js Playground](https://playground.babylonjs.com/#V5A1RH%233)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes