Light Gizmo and GizmoManager are not appearing on the light in my react project

tron_2077 · September 24, 2024, 1:32pm

I am following this youtube to learn about the different lights in babylon. So I followed this video (https://youtu.be/dniiZ3El2nw?list=PLym1B0rdkvqhuCNSXzxw6ofEkrpYI70P4&t=694) and implementing the same code as video. In this video he is using the light gizmo and gizmoManager for showing gizmo around the light in the scene. I did the same but I am not able to see the gizmos

But when i am doing the same in the playground it is working perfectly fine

Deltakosh · September 24, 2024, 3:43pm

cc @Cedric

Cedric · September 24, 2024, 4:53pm

Hi @tron_2077 it will be difficult to debug without a PG
Can you please try again to repro in a PG?

tron_2077 · September 24, 2024, 4:58pm

Hi @Cedric .
Here is the PG https://playground.babylonjs.com/?BabylonToolkit#4U4QH9#106
In PG it works fine but not when i use it in my react project

Cedric · September 24, 2024, 5:01pm

As said previously, without a repro, it will be difficult to help.
Did you try to add a layer ? Babylon.js docs

tron_2077 · September 25, 2024, 7:57am

Ok, let me organize the my code first and format it. Then I will share the repo with you otherwise the current code is so clustered that you can’t understand it.

Will this be okay with you Sir??

Cedric · September 25, 2024, 8:06am

Sure, let’s try that way

tron_2077 · September 25, 2024, 2:40pm

Here is the repo of the project. This link will direct you to the code in which i was having problem

github.com

AAshu1412/AO-Game-Engine/blob/b12d4c80b22521300444649d2a7da71b9afa79a9/src/babylon/useBabylon.jsx#L92


      
                "light",
                new Vector3(0, 1, 0),
                this.scene
              );
          
              // Default intensity is 1. Let's dim the light a small amount
              light.intensity = 0.7;
              light.diffuse = new Color3(1, 0, 0);
              light.groundColor = new Color3(0, 0, 1);
              light.specular = new Color3(0, 1, 0);
              this.llightGizmo(light);
              console.log("Scene is working");
              // new DebugLayer(this.scene).show({embedMode:true})
              // this.run();
            } else {
              // this.scene.onReadyObservable.addOnce((scene) => onSceneReady(scene));
              console.log("Scene is not working");
            }
          }
          
          llightGizmo(customLight) {

Cedric · September 26, 2024, 9:36am

I don’t see anything weird in your code.
Can you test with spector.js and see if there is the drawcalls?

Maybe the gizmo is not visible for a dumb reason

tron_2077 · September 26, 2024, 10:38am

what could be dumb reason, Any idea
Screenshot from 2024-09-26 16-05-20

I want light gizmo

labris · September 26, 2024, 11:13am

Do you see any errors in the console?

tron_2077 · September 26, 2024, 11:34am

nope Sir. Do not get errors

Topic		Replies	Views
How can I add lightGizmo on react-babylonjs Questions react , lighting , gizmo	4	990	September 7, 2021
Gizmo to move Light disappears: Questions	10	258	January 10, 2024
PointLight withouth direction Bugs gizmo	10	671	May 30, 2022
Light adjusting "Gizmo" Tutorials and tips light	2	511	May 23, 2023
LightGizmo messes up DirectionalLights rotation Questions	7	471	November 14, 2022

Light Gizmo and GizmoManager are not appearing on the light in my react project

Related topics