calling procedures from js

Agreed. Anyway, I’m glad you worked it out!

Hi GlifTek,

If you need to execute procedures from puzzles you surely have to wait till the page is loaded and the procedures are available. But it’s a bit more complicated than just to detect page loading with $(document).ready.
This is because your app’s js file itself waits until the page is fully loaded and after that it schedules loading of the visual_logic.js file which contains the code generated from puzzles. And only after it’s loaded you can call procedures from v3d.puzzles. So, basically you need to detect a moment that is a bit later than when $(document).ready is triggered.

The easiest way to do that is to add your code inside the app’s js file, for example in the runCode() function, but if you want to use an approach similar to $(document).ready then you can create a custom event dispatcher and listen to it:

<script>
    v3d._customEvents = new v3d.EventDispatcher();
    v3d._customEvents.addEventListener('onload', function(event) {
        console.log(v3d.puzzles);
    });
</script>

– so instead of $(document).ready you use v3d._customEvents.addEventListener('onload', ... wherever you need it

To make it work you also need to manually dispatch this event at the moment the app is loaded (and puzzle procedures are available), for example in the app’s js file in the runCode() function:

function runCode(app) {
    if (v3d._customEvents) {
        v3d._customEvents.dispatchEvent({ type: 'onload' });
    }
}