Clickable Images Guide - Advanced

This guide will teach you how to make clickable images in Meshmoon that will, when clicked, take you to an external web page.

Disclaimers:

The Meshmoon developers are working towards removing this capability altogether.  So don't be surprised if this doesn't work in the next month or so.  Also, please be respectful and don't link to anything inappropriate.  The lead developer himself taught me how to do this and I'd hate to have his trust in me breached.  They do pay attention and they will delete your world.

Before you even get started you must do the following:

1.)  Create an account at a free Image Hosting site.  I recommend http://imgur.com/ as that is what I use.
          -  Upload your 5 images to this site.
          -  Click on an individual image and note the link highlighted in the image below.  This is what you'll
              need to paste into Rocket eventually.

2.)  Download this script and upload into your "Scene Storage" in the Rocket Client.  Simply drag and drop it from your desktop.  https://wfs.bc.edu:443/langonea/click-open-url.js

This is where it gets complicated...

(If you have some coding experience this will probably simple for you.  It was a little complicated for me to understand.  The script writer left comments in the code if you open the script in the text editor.)

1.)  Import your pictures as follows:

Use your imgur link in the web pop-up and then hit create.  Drop your image in front of you.

2.)  Hit Shift-E to open the "Entity-Component Editor."  Then click on your image.  It should look like mine below:

Click the little triangle to hide the submenus within the editor.

          -  Right-click in the editor.  Select "Add Component."

Select "Script" from the Component drop down menu.

          -  Leave the Name field blank.  Click add.

          -  Now fill out the Script component as follows:

          -  CONGRATULATIONS!  You're almost done...  At this point if you exit the component editor and              click on your image it will bring you to the direct URL of the image.  However for our final, the                      requirement was to bring it to a related webpage.  The final step below will complete the                                requirement.

          -  Hide the "Script" sub-menu and open the "DynamicComponent: AdminoContent" sub-menu.  Fill it                out as follows:

3.)  Test it out!  When you click on your image you should now get a pop up at the of the screen asking if you'd like to go to the webpage you provided.  If you click Allow you'll get an external browser pop-up.

4.)  Once you've finished the first one, the remaining ones are much easier.  Simply open the Entity-Component Editor by using Shift-E and click on the image you just finished.  

          -  Copy the "Script" component as shown below and then simply paste it into the Entity-Component                 Editor for each subsequent image.  

          -  You will need to follow the "DynamicComponent: AdminoContent" step above for each image to                   link them to unique URLs.