seek bar for zooming flat picture node

Special forum to share and discuss skins for Pano2VR and Object2VR
d-zimin
Posts: 30
Joined: Thu May 21, 2020 12:04 pm

Hello!
Is there a way to make a seek bar for zooming flat picture node?
Such as this one is shown in the screenshot below.
Attachments
Screenshot 2023-01-11 at 12.35.53.png
Screenshot 2023-01-11 at 12.35.53.png (3.83 MiB) Viewed 13939 times
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
The seek bar is for sound or video only.
You will need to use the zoom-in and out buttons or set up a series of rectangles that on mouse enter, move to a view, pan and tilt would use $(ap) and $(at) but you can then add a FoV parameter.
Regards,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Idocio
Posts: 52
Joined: Wed Apr 15, 2020 9:26 pm

From Hopki's advice. I have done a quick test and I have verified that it is possible to do it, although there are some things to improve.

I have done the test on a skin from the gallery (gallery1) made for the project that you can download on this Pano2VR page.
https://ggnome.com/gg_webinars/embeddin ... -projects/

Replace the gallery1 skin with mine to test.

I have a problem that I cannot solve.
In the first image it works perfectly and the image is enlarged with the zoom levels established for each mark, but when moving to the next image it no longer works well and only reaches 45º of zoom.

I have added an action that supposedly resets the zoom and the slider mark when the next, prev and Home buttons are pressed, but it doesn't work as in the first image.
For the test I have included a text field that marks the zoom level applied.

Maybe Hopki can give us the solution.

It's not perfect and I'm sure it can be improved, but it's a base and as a learning exercise it's interesting.

The other option would be to create the gallery outside of Pano2VR using HTML, CSS and JS and insert it using an iframe, as the project does. Searching the internet you can find examples of sliders made with this technique.
Attachments
gallery_zoom_slider.ggsk
(12.5 KiB) Downloaded 272 times
d-zimin
Posts: 30
Joined: Thu May 21, 2020 12:04 pm

Idocio wrote: Thu Jan 12, 2023 4:42 pm From Hopki's advice. I have done a quick test and I have verified that it is possible to do it, although there are some things to improve.
I have done the test on a skin from the gallery (gallery1) made for the project that you can download on this Pano2VR page.
Thank You! Really nice test.
I have no problem you described in our skin with my project.
How to make slide mark moving when using zoom buttons ("+", "-")?
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

The only way to do this would be to use a numbered logic block.
Both the +/- buttons and active hover areas would change the variable number.
The playhead/zoomhead would change position depending on variable value.
Regards,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Idocio
Posts: 52
Joined: Wed Apr 15, 2020 9:26 pm

Yes. Right now I'm trying the same :D

Any suggestions to improve the effect of the component?
Idocio
Posts: 52
Joined: Wed Apr 15, 2020 9:26 pm

New version of the skin with slide mark moving when using zoom buttons
Attachments
gallery_zoom_slider.ggsk
(12.83 KiB) Downloaded 263 times
d-zimin
Posts: 30
Joined: Thu May 21, 2020 12:04 pm

Idocio wrote: Fri Jan 13, 2023 12:05 pm New version of the skin with slide mark moving when using zoom buttons
Thank You!
I’ve simplified your new skin version: added logic block (at Position) at "slider_mark", deleted variables "var_af" and cleaned Actions in the “area_zoom_”.
Attachments
gallery_zoom_slider-2.0.ggsk
(6.66 KiB) Downloaded 243 times
Idocio
Posts: 52
Joined: Wed Apr 15, 2020 9:26 pm

Yes, I see, although in the end it is the same.
I have simply tried to develop the functionality, without dwelling too much on the design issue.
The good thing about having a variable is that you can use it for other things.

I see that you have also removed position 10 from the zoom area, but the Zoom In (+) does allow you to reach it and it looks a bit weird.

If you want to leave it that way, set a Min FoV of 10º or the minimum zoom limit you want in the Field of View (Zoom) properties of the image and relate it to the skin actions to make it consistent.
d-zimin
Posts: 30
Joined: Thu May 21, 2020 12:04 pm

Idocio wrote: Fri Jan 13, 2023 1:39 pm If you want to leave it that way, set a Min FoV of 10º or the minimum zoom limit you want in the Field of View (Zoom) properties of the image and relate it to the skin actions to make it consistent.
Got it. Thank You
Idocio
Posts: 52
Joined: Wed Apr 15, 2020 9:26 pm

Ok. What I have not been very comfortable with is the way the mark slider moves. Maybe you need some other adjustment to make it more fluid.
I would like to try other parameters, to see if it looks a little better.
It would be interesting if Hopki or some other user thinks how the skin could be improved.
It would be nice to make it a quality component.
d-zimin
Posts: 30
Joined: Thu May 21, 2020 12:04 pm

Yes, it would be nice
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

We have added this to the feature request list.
Regards,
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Idocio
Posts: 52
Joined: Wed Apr 15, 2020 9:26 pm

Great @Hopki
It would be nice if you could include the ability to display a frame with the full image and the area enlarged. And that the frame could be chosen if it is shown or not.
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
I can not say we understand.
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply