Babylon.js: Viewer inspector not showing up at all.

[x5engine]

Hello guys,

I've been using the Babylon viewer for a while now on a client project but lately in the recent stable version the viewer is not showing up anymore. At all!

Even when I check if the inspector isVisbile it's true but there is nothing there.

I think with the new breaking changing the viewer wasn't updated or something?

Yes I did set debug to true and I'm using a template and even without a template same issue.

Expected: a working viewer with inspector showing up.

Thanks

[Vinc3r]

• BabylonJS v3

If you don't overwrite the default BABYLON.DebugLayer.InspectorURL and use BJS 3, the inspector will not be compatible (cause it loads from https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js). Download this one instead: https://github.com/BabylonJS/Babylon.js/blob/master/dist/inspector/babylon.inspector.bundle.js

• BabylonJS v4

The last preview inspector should works here, but as both BJS v4 & Inspector are into a big update, it's safer to download a local version and not using https://preview.babylonjs.com

[sebavan]

@TrevorDev to double check in the viewer.

[x5engine]

@Vinc3r awesome thank you 👍 but can you give me a working example or something please I've been going crazy with these versions, I just need a stable version (even BabylonJS 3 is fine which I was using)

@sebavan @TrevorDev thank you :)

[TrevorDev]

@meteorplus Here is an example of the viewer's inspector (enabled through js) working on the latest release https://codepen.io/anon/pen/xQQvQY . How are you currently enabling the viewer?

[Vinc3r]

@meteorplus here a quick & dirty example using this downloaded playground, babylon v4 preview, and inspectpr preview also, but it's the exact same way using BJS3 & inspector from /dist/ folder linked above.

[TrevorDev]

I'm going to close this issue. @meteorplus feel free to reopen if you still have issues.

[x5engine]

Hi Guys for you help and I will try your examples but this is what I am using so you can take a look...

viewer = new BabylonViewer.DefaultViewer(node, {
            params:{
              enableDragAndDrop : true,
            },
            scene: {
              debug: true,
              popup: false
            },
            engine: {
                antialiasing: false,
                renderWidth : 500
            },
            templates: {
              main:{
                params:{
                  fillScreen:true
                }
              },
            camera: {
              behaviors: {
                  autoRotate: 0
              }
            },
            model: {
                url: "/something.glb",
            }
          });
          viewer.sceneManager.scene.debugLayer.show();

Thanks

[TrevorDev]

@meteorplus I think if you use the babylon version and change your code to:

viewer.sceneManager.scene.debugLayer.show();
to
viewer.sceneManager.scene.debugLayer.show({overlay:true});

it should work.

[x5engine]

@TrevorDev I will try that thank you 😊

[x5engine]

@TrevorDev
your first solution on Codepen doesn't work with https://cdn.babylonjs.com/viewer/babylon.viewer.js
V3

but works with the preview version :)

[TrevorDev]

@meteorplus cool, if you for some reason have a hard dependency on the older version let me know.