Object2VR 3 Image popup

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 13004
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Object2VR is using a slightly different Skin Editor to that of Pano2VR so it has to be made in a different way.
The following will show how you would do this with Object2VR 3.
The project assumes that the popup images are set to 200 x 200px as well as you will manually put them in the images folder.

To use the attached project first download and open with Object2VR 3.
Once the output has been created you will need to copy the two popup images, cat.jpg and dog.jpg into the images folder in the output folder.
Open the output and select one of the point hotspots, the associated popup image will then open.
To close you can click on either the image or the screen tint.

How it works:
• Adding the Point Hotspot:
Use the Hotspot Editor to add the Point Hotspot, the ID is not important when using Point Hotspots.
Add a title, then the skin ID, I am using ht_image, this tells the skin editor which Hotspot Template should be used for this hotspot.
Then under the Hotspot Target is the images file name and image type, for example, "dog.jpg".
Each point hotspot can have a different image.

• The Skin:
The Skin is made up of a Hotspot Template which has a text box and a Point Hotspot Image as child elements.
- Note, the Hotspot Template has the ID "ht_image".
- Note 2, the tooltip text box is made up of two text boxes, this is to create the indented text effect.
The Hotspot Template has the actions to show and hide the tooltip with mouse enter and leaves.
The next action is a Mouse Enter action that sets the path to the image using a Set Text action, which should be displayed to the external image loader.
The action is "images/$ht". The $ht is a placeholder to read the file name and type that is entered in the Point Hotspots Target text field.
So for example on mouse over, the path will be images/dog.jpg or images/cat.jpg depending on which Point Hotspot you mouseover.
Using Mouse Enter means the path is being set to the external image loader before you click the Point Hotspot just in case the image needs a little longer to load.

There is also a rectangle that is set behind the external image loader, this is the screen tint.
That does two jobs, first prevents any mouse interaction with the Object. Secondly darkens the object bringing focus to the popup image.
The Hotspot Template has the action to show the screen tint.

The External Image Loader and Screen Tint both have actions to Set Text to the External Image Loader which is blank, so removing the file path and in doing so unloading the image.
Also, actions to hide the screen tint and hide the External Image Loader.
Attachments
Object_Image_popup.zip
(303.46 KiB) Downloaded 203 times
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/
mostah
Posts: 17
Joined: Wed Jun 16, 2021 5:51 pm

Hello Hokpi,

I tried your skin and It's great. I managed to make external images to work with polygon and point hotspots, but not with areas.
Is there a way to make popup images with area hotspots?

Best regards,
Post Reply