jstubb

Awesome!

Here is the link to the uploaded file: model_testbed

Below is a brief description of the code to improve context/understanding:

* The Verge3D rendering is displayed in an iframe with a button below it

* The on screen html button changes and console logs the value of the global object (called “nexus”)

* Clicking any of the model objects will also trigger a reference to the global object from the “external interface” and console log it
* The discrepancy can be seen by comparing the console log entries

Hello Yuri,

Thank you for your response.

The same issue still arises even when the variable is a string or a number.

Thank you for your response. I have attached the link below along with the following description of the code to help decipher the origin of the issue.

The main index html loads the iframe for the verge3d model and also displays a button (labelled “Test Button”) with an onClick event.

The onClick event triggers a method in the verge_node.js file. This is the custom javascript file I would like to be able to access the puzzle functions from even if it means using a global object such as window.

The function then triggered from the verge_node.js file (window.hideTest()) is defined a couple lines below the runCode function inside N12.js. This is where the console reports the error when the button is pressed:

N12.js:198 Uncaught TypeError: v3d.puzzles.procedures.hide is not a function

    at window.hideTest (N12.js:198)
    at buttonClick (verge_node.js:4)
    at HTMLButtonElement.onclick (index.html:18)

`

Other notes:
As mentioned previously, it appears the method can be referenced from the console if the N12.html is loaded directly instead of index.html but this is not a feasible solution for my application.

Each of the coloured balls hovering outside the box have a hide puzzle which will hide them and later make them reappear. This puzzle activates when the respective ball is clicked.

Thanks again for all your help with this matter.

Links: index.html-https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:57e73ecf67/applications/iframe_component/index.html

N12.html-https://cdn.soft8soft.com/AROAJSY2GOEHMOFUVPIOE:57e73ecf67/applications/iframe_component/N12.html

The function appears in the visual_logic.js file as follows:

function hide() {
  changeVis('blueBall', false);
  registerSetTimeout(3, function() {
    changeVis('blueBall', true);
  });
}

It is also referred to in the same file in the following statement (not sure if relevant):
this.procedures["hide"] = hide;

Hello,

This is unlikely to be the cause of the issue because the hide function that I am using is set to hide and then show a target object a couple of seconds later. I only attempt to test this function with the button after runCode() has run the function and the object has reappeared.

Would there be another way to test this function to help troubleshoot the issue?

The javascript files for a Verge3d application (as well as any other custom javascript files) can be imported by following this guide:

Using external JS files in Angular

However I have yet to fully test this application so some functionality may be limited. I will update this post at a later date.

Thank you for your response.

I followed up the option of using morphing and came across the limitation of 6 shape keys detailed in the Manual. And I have two questions about it.

1. Is the limit of 6 shape keys on each individual model or on the whole Verge3D app? (i.e. If I load 2 separate models into the scene will they each be allowed 6 shape keys)

2. Is there a way to overcome this limit if the source code is purchased and we work with your team to develop this product configurator?