Logic blocks with string value

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
Sacha
Posts: 2
Joined: Thu Mar 14, 2019 11:08 am

Logic blocks with string value

Post by Sacha » Fri Mar 15, 2019 10:25 am

I'm french. I'm a beginner with Pano2VR...

In a skin, I put an "external picture".
And I want to display a picture if the mouse hovers a "polygonal hotspot" named "Warning" or "Klaxon".
Here is the script :
PROBLEM.png
PROBLEM.png (21.05 KiB) Viewed 75 times
In the HTML5 output, the picture doesn't change...

Could you help me, please ?
Sacha

User avatar
Tony
Posts: 654
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Logic blocks with string value

Post by Tony » Sat Mar 16, 2019 1:38 pm

Hi Sacha,

I've created a sample output based on your description of the project. You can view it here https://s3-ap-southeast-2.amazonaws.com ... index.html

It's very simple and easy to do and we only need one External Image element in the skin.

1. Create two polygon hotspots in the Pano2VR viewer
2. Give both polygons the same ID: (in this case extimage for external image)
3. Add a title if you want a thumbnail, if not leave it blank
4. Add the name of the image (in this case warning.jpg and klaxton.jpg) into the description field

poly-ext0.jpg
poly-ext0.jpg (486.83 KiB) Viewed 48 times

5. In the skin add a 'Draw external image' element into the canvas (in this example I've named it extimage)
6. In Appearance set the 'Visible' Unchecked.
7. In External Image set 'Content Scaling to Fill'
8. in the Advanced set the 'Hotspot Proxy ID' to the ID name you assigned to the polygons. (in this case extimage, this allows us to associate the skin element with the element/s in the Project Viewer)
9. In the Actions add the Action shown in the image. (When the mouse is over the polygon, it sends the value, of the Description of the polygon the mouse has entered, to the External Image element.
10. Save and close the skin, output the project.

poly-ext1.jpg
poly-ext1.jpg (829.63 KiB) Viewed 48 times


Note: make sure to place the images into the output project folder.

Nots: I've also added a little drop shadow to the Draw External Image element by adding a CSS style box-shadow: 5px 10px 8px rgba(0, 0, 0, 0.4); in the Advanced - CSS Styles Inner Element text field.

You can download a zip containing the project and output here https://s3-ap-southeast-2.amazonaws.com ... ternal.zip

cheers,

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

Sacha
Posts: 2
Joined: Thu Mar 14, 2019 11:08 am

Re: Logic blocks with string value

Post by Sacha » Mon Mar 18, 2019 9:11 am

Marvellous ! Thank you very much, Tony !!

It's exactly what I dreamed :o) I could not find that alone...

User avatar
Tony
Posts: 654
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Logic blocks with string value

Post by Tony » Mon Mar 18, 2019 11:36 am

Hi Sacha,

Glad I could help.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests