Hi SkyGuy… welcome to the BabylonJS forum.
22 hours and not a welcome or a bit of help, huh? Hmm, sorry. Apparently you have the experts stumped.
I love that effect. I hope we can make it happen here in Babylon JS. I will start work on this… but… I could sure use some help from others.
We need … hmm… pointer-move direction-testing (sometimes called diff)… after pointer onEnter/onOver (hover) of the mesh (perhaps using actionManager for onEnter/onOver triggers).
Let’s get started. https://www.babylonjs-playground.com/#A1210C#64
Here, I have a rather complex mesh… and I have an actionManager (lines 71-80) on the center brown box… with two triggers. One checks-for onPointerOver (turn white), and the other checks for onPointerOut (return to brown).
I also have a scene.onPointerObservable active in lines 83/84 and 91-93, which is reporting pointer moves to console, whether we are hovering the mesh, or not. We’re only interested in pointerMoves… that happen during mesh hover.
Now… how to hook it together. hmm. We need that diff thing or similar. WHEN we hover… we need to grab a current point location from SOMEWHERE, then when user moves mouse, we need to determine move direction, so we can “rock” (tilt) the mesh in THAT direction… somehow. hmm.
(intense beard-scratch of high-ponderence)
We also need to watch for onPointerOut, and return mesh back to un-rotated position, when seen.
I’ll keep thinking, but, at least we are “off and running” with a testing playground. But, there is a pretty good chance that I am making a mis-step… in how to accomplish this.
ALL help WELCOME! (thx) Reminder of wanted effect - https://meowwolf.com/