How to add click events to the entire model

Questions
1

Hi all, this is my model file structure，It consists of many meshes，
i want to add click events to the entire model .So I can click anywhere in the model.what need i do ?

house_20210521113441
house_202105211134412607×1194 426 KB

2

You can wrap the model in a BoundingBoxGizmo.

BABYLON.BoundingBoxGizmo.MakeNotPickableAndWrapInBoundingBox(model)

Docs

3

sorry i don’t quite follow .do you have demo? this function looks like only works on one mesh.This is how I solved it：

show_20210521171001
show_202105211710012061×462 32.9 KB

4

Sorry I don’t have a working demo right now.

You have to add the top root as the mesh. In your first screenshot you have the top mesh named root just pass it to the function.

5

You can check this playground.
https://playground.babylonjs.com/#K7TJIG#90

6

It’s very clear，thank you !

7

I want a TransformNode as an overall trigger object
glb outline | Babylon.js Playground (babylonjs.com)

When I use ABYLON.BoundingBoxGizmo.MakeNotPickableAndWrapInBoundingBox , report wrong .
If a TransformNode as an overall trigger object, what should I do?

image
image1836×796 120 KB

example： glb outline | Babylon.js Playground (babylonjs.com)

8

The error you are seeing is because the function MakeNotPickableAndWrapInBoundingBox only accepts mesh obj. You are passing it a TransformNode.

Doc

Can you explain a bit more what you are trying to do.

9

There are many elements in this TransformNode .
I want to pick up this TransformNode as a whole

image
image1051×769 80.8 KB

I want to mouse click this TransformNode Z41H_40_250_ZZ_012, and the prompt pops up .

10

I don’t know a direct way of making a TransformNode pickable using pointer events. But you can check if the mesh clicked is a descendant of a certain Node.

Check this playground: Playground

11

This can indeed be realized, thank you vary much