Reply To: Click through/click beyond a transparent image

GLiFTeK wrote:

Use a. Call JS puzzle. MAKING OBJECTS “UNCLICKABLE” many times you need to click “through” an object. This is how:

<span class=”crayon-title”></span>

<textarea wrap=”soft” class=”crayon-plain print-no” data-settings=”dblclick” readonly=”” style=”tab-size: 4; font-size: 12px !important; line-height: 15px !important; z-index: 0; opacity: 0; overflow: hidden;”>
“app.ExternalInterface.setUnclickable = function (unclickable) {
var myObj = app.scene.getObjectByName(unclickable);
myObj.raycast = function() {};
console.log(“UNCLICKABLE: “, unclickable);
};”

And make it selectable again like this:
var myObj = app.scene.getObjectByName(‘clickable’);
delete myObj.raycast;</textarea>

<table class=”crayon-table” style=””><tbody><tr class=”crayon-row”><td class=”crayon-nums ” data-settings=”show”>

1

2

3

4

5

6

7

8

9

10

</td><td class=”crayon-code”>

<span class=”crayon-s”>”app.ExternalInterface.setUnclickable = function (unclickable) { </span>

<span class=”crayon-s”> var myObj = app.scene.getObjectByName(unclickable);</span>

<span class=”crayon-s”> myObj.raycast = function() {};</span>

<span class=”crayon-s”> console.log(“</span><span class=”crayon-v”>UNCLICKABLE</span><span class=”crayon-o”>:</span><span class=”crayon-h”> </span><span class=”crayon-s”>”, unclickable);</span>

<span class=”crayon-s”> };”</span>

<span class=”crayon-st”>And</span><span class=”crayon-h”> </span><span class=”crayon-e”>make </span><span class=”crayon-e”>it </span><span class=”crayon-e”>selectable </span><span class=”crayon-e”>again </span><span class=”crayon-e”>like </span><span class=”crayon-r”>this</span><span class=”crayon-o”>:</span>

<span class=”crayon-h”> </span><span class=”crayon-t”>var</span><span class=”crayon-h”> </span><span class=”crayon-v”>myObj</span><span class=”crayon-h”> </span><span class=”crayon-o”>=</span><span class=”crayon-h”> </span><span class=”crayon-v”>app</span><span class=”crayon-sy”>.</span><span class=”crayon-v”>scene</span><span class=”crayon-sy”>.</span><span class=”crayon-e”>getObjectByName</span><span class=”crayon-sy”>(</span><span class=”crayon-s”>’clickable'</span><span class=”crayon-sy”>)</span><span class=”crayon-sy”>;</span>

<span class=”crayon-h”> </span><span class=”crayon-e”>delete </span><span class=”crayon-v”>myObj</span><span class=”crayon-sy”>.</span><span class=”crayon-v”>raycast</span><span class=”crayon-sy”>;</span>

</td></tr></tbody></table>

where “unclickable” is where you plug in your object selector or variable that has that as it’s value.
You can also use the execute js puzzle

Thank you Gliftek! Really appreciate your clarification.

Only problem is, I really don’t know what I’m doing when it comes to javascript and placing it into puzzles (still trying to learn!), is there anyway you could show me exactly what the code is that I’m putting in the execute js puzzle or upload a puzzle with that code in when my object is called “lens1”?