GUI ScrollViewer

[JohnK 991]

ScrollViewer now available and enhanced by DK

[Dad72 916]

It sounds cool. But the scroll of the mouse does not work for moving the cursor with the wheel. 

I think this has not been added, do we have the opportunity to add it with observables?

[JohnK 991]

No as I never use wheel didn't think of it. Could try onpointerover perhaps.

[Dad72 916]

Something like this:

canvas.addEventListener("wheel", (evt) => { 
	if(this.slider[name].isVisible == true) {
		if(evt.deltaY < 0 && this.slider[name].value >= 0) {
			this.slider[name].value -= 50;
		} else if(evt.deltaY > 0 && this.slider[name].value < this.slider[name].maximum) {
			this.slider[name].value += 50;
		}  
	}
}, false);

 

[JohnK 991]

This is a dirty way of doing it https://www.babylonjs-playground.com/#3EF49E#1 will have to do more studying to add "wheel" code into the source code as observables and events are one of my many weak points.

Note that for both sliders the range is 0 to 100 from which the amount to scroll the viewer window is then calculated. You can guess the name of the horizontal bar 🙂😎🙂

[JohnK 991]

Will look at that as well. Maybe a week or so before done.

[Dad72 916]

No, it's good John, the scrool is not visible if the text is shorter than the container.

All is Ok, for me.

[JohnK 991]

Please note addWindow will soon be changed to addControl so it matches other controls

Done

[JohnK 991]

ScollViewer now enhanced by DK. Docs updated.