Does Babylon.js support draggable decal projector like Three.js does?

Questions
1

Hi there, I find a CodeSandbox sample, here is the link.

codesandbox.io/p/sandbox/image-alignment-via-decals-forked-8qsf5k

The sample is written in React and Three.js, in the preview page, the decal projector comes with a gizmo, which allows users to move, scale, and rotate along the X-axis, Y-axis, and Z-axis.

To be honest, this feature is pretty great for 3D product customization, I wonder if Babylon.js supported the equivalent things.

2

Babylon.js supports 2 types of decals - either a mesh produced from a subset of a previous one with a small offset in order to appear on top of it, or an additional texture applied to a mesh (a “decal map”).

There is quite a lot of examples at the doc page - Babylon.js docs

2 Likes
4

cc @Evgeni_Popov

5

I think this example from the docs is a good starting point?

1 Like
6

Implementation - https://playground.babylonjs.com/#EEUVTY#395

1 Like