Introducing Inspector v2

Hey everyone - wanted to share a couple recent updates in response to feedback in this thread:

  • Scene explorer entities now have colored icons, similar to Inspector v1. @Tumble-wd, @Panuchka
  • When there is only one pane in one of the left/right/top/bottom quadrants and therefore no tab bar with icons, the pane icon is displayed in the header. @Panuchka

5 Likes

@samuelgirardin this is now fixed, thanks again for catching this and letting us know!

3 Likes

@Fenk I decided to just change the controls for morph targets so the range is not constrained to the range 0-1. If someone else asks for it to be constrained, then I can add a setting, but I figured start simple and see if we need more. :slight_smile:

4 Likes

Is the new sandbox/inspector v2 missing animation curve editor on purpose? The v1 did have that there as a feature :kissing_face:

Inspector v2 does include Animation Curve Editor as well. Are you on an older version of Inspector v2 by chance? Here is what it should look like:

If you aren’t seeing that in Inspector in Sandbox, can you try force refreshing the page?

1 Like

Oh it seems mega hard refresh did the trick! :exploding_head: It works, sorry for trouble…

3 Likes

Any plan to revisit this for the new inspector

1 Like

This seems pretty straight forward. If there is not much risk, I should be able to get it added in the next few days, otherwise after the 9.0 release in 2 weeks!

@kzhsw this is now implemented in Inspector v2.

4 Likes

@ryantrem in V2 is there a way to add rendering pipelines and postprocessing effects like bloom, film grain etc? In V1 we could right-click in scene explorer pane and be presented with a context menu to add pipelines.

Sorry if you’ve already addressed this in another comment or elsewhere.

1 Like

You can do it thanks to the “Quick Creation Tools” extension:

After you install it, you get this new button:

Here, you can create rendering pipelines (among other things).

3 Likes

Thanks @Evgeni_Popov!

1 Like

Some delayed feedback - Really nice with math expression and slider, but shift/alt arrows doesn’t seem to work - Maybe a macOS thing?

1 Like

Hmm yep, that’s broken. Not sure when/how that happened, but the fix is here: Inspector v2: Fix modifier key regression by ryantrem · Pull Request #18260 · BabylonJS/Babylon.js

Maybe this has already been brought up somewhere, but it seems like the properties for the post processing layers are not exposed yet. They used to be in V1.

And more of a personal note, but would it be possible to make a more compact styling, at least a separate version for it (a setting to enable somewhere). I would often open the inspector in fairly small windows, and it’s kind of hard to navigate the v2 inspector now because it generally feels bigger. But I’d understand it if this is too much of a personal issue to solve. (I’m aware I could apply custom styling myself)

1 Like

Hey @Forsaken - for post processes, Inspector v2 already does show properties:

V2

V1

Is there something specific that you see missing?

Also, Inspector v2 does have a compact mode, which is enabled by default on non-touch devices:

Does that work for your needs?

The image above is from https://playground.babylonjs.com/#LA850M#20

I have a question. In the sandbox, the SelectionOutlineLayer function has been used. Why is there no EffectLayers?

If you mean the selection layer that is used in Inspector (which is available in both Playground and Sandbox), then it is because it is in a UtilityLayer. Babylon.js docs

This is because it is a feature of the Inspector, not of the app being inspected.

Let me know if you meant something else though!

OK. In the sandbox, picking has already been enabled, which is equivalent to using the SelectionOutlineLayer. However, the EffectLayers are not displayed.

I was specifically looking at the Highlight Layer and Selection Layer, my bad I didn’t check the others, I suppose they’re called Effect Layers.

And I see, I was not aware of the compact mode, I had it enabled already, as you mentioned it was by default.
So sadly this doesn’t really help me too much, I made a very basic playground to compare the size in small screens (switch the versions)


I can’t tell you exactly my issue but I suppose it just feels a bit more cramped now? Possibly the filter in the properties panel, I personally never use that function but it takes up quite a lot of space. Again though, this might just be personal preference!

1 Like