Need help on a vertical DragObservable

Questions
1

I got stumped on this, I know it has to be something simple, but, I can’t get Vertical dragging to work properly - Horizontal work fine. I am using onDragObservable behavior events. I am manually updating the object position because I want to limit its movement

I have playground example here: https://playground.babylonjs.com/#YEZPVT#787

As I said, horizontal moves as I want it to, but, the vertical has behavioral problems.
your help is appreciated - what I need this for is I am using using 3D objects for scrollBar and scrollKnob, this is for the knob, I want to drag the knob down, and that will scroll down a page, the page logic is separate, I just need the scroll bar to work right thanks

2

Maybe you could rely on the 3d Slider ? https://www.babylonjs-playground.com/#IFDI9M#1

3

Otherwise I guess @Cedric might be able to help.

4

Wow, I didn’t see there was a slider. It didn’t come up when i did a search, probably searched for scrollbar? Anyway, i will try out the slider - as long as i can use my own 3D objects, because I already created a somewhat fancy bar and knob

5

Yup it has been added recently and I am not seeing the doc for it either @PirateJC might help on this front ?

6

Yea, I didn’t find any docs either. If it will work with imported objects, i should be able to use it, but, if not, i would like to get the code i put up on playground working, because it works great with my objects in the horizontal dir, just need it to work same up and down

7

Found docs on the slider3d, but, don’t think there is a way for me to use my own meshes for the bar and knob (thumb) - it just allows access to the materials - so probably to change colors, so it doesn’t look like this will work for my needs -

8

Yup indeed! Looks like this is missing from our docs!

Early next week, I’ll add something about the slider3D on the 3D GUI page here:

9

Slider3D | Babylon.js Documentation but, like i said, doesn’t look like i can attach it to my own objects/meshes

10

Nope you are right.

Here is a workaround: https://playground.babylonjs.com/#YEZPVT#789

No idea why putting the drag axis along z is working :slight_smile: @Cedric might know but it should unlock you a bit

11

Actually it is because of: useObjectOrientationForDragging

You should set it in screen space: https://playground.babylonjs.com/#YEZPVT#790

12

Hey Sebavan, thanks. looks like i can make this work, but, i see it is still updating the objects Y pos, oh, yeah, i set it to use the object’s space because I was wanting to make sure it would still function even when the camera was seeing it at angles, but, i will test this out further… thanks this will help