ninojoevelz(old)

Still

But now it’s a different code

[.WebGL-000001C88DD1CB50] GL_INVALID_FRAMEBUFFER_OPERATION: Framebuffer is incomplete.
[.WebGL-000001C88DD1CB50] GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete

Anyway, I found a workaround with this and it is already working. However, I have another problem hope you can help me.

In the Puzzle Events, is there a way to destroy an active event listener? Because what happened is that I have 2 main event listeners for the HTML element and inside of it have other event listeners for the objects (See Image3 and Image4). If the first HTML event listener gets triggered (clicked) I want to make the inner event listeners start listening when the objects get clicked and only those inner event listeners should be active. If the second HTML event listener gets triggered (click) the inner event listeners should be enabled and the other inner event listeners from the other HTML element should be disabled.

So currently when I clicked the “box1” inner events activated (Correct) but when I click the “box2” inner events activated and other events still active (Wrong)

This is the code in Angular

<iframe
  src="http://localhost:8668/applications/heartinteractive2/index.html"
  height="100%"
  width="100%"
  (load)="onThree3dLoad()"
  #vergeContainer>
</iframe>

and to communicate execute an external script inside Puzzles is to have this right?

function prepareExternalInterface(app) {
    app.ExternalInterface.myJSFunction = function(numericArg, textArg) {
        alert('Got some params from Puzzles: ' + numericArg + ' and ' + textArg);
    }
}

but I cannot do that anymore because I don’t have the App(). I didn’t use this method to load the application because I’m using an Iframe

var app = new v3d.App('v3d-container', null, new v3d.SimplePreloader({ container: 'v3d-container' }));

However, I still try by adding this one but still doesn’t work. I was wondering if there are other ways of loading the whole application by using like app.loadIframe() something.

Hi Yuri,

I now understand the connection between the generated files from Verge3d and the external HTML file used for extra interactive UI. Thanks for the documentation you sent. I know now also that in order for me to load those I need to use an iframe tag. But I have another problem now.

My goal is these:
– I will create a Verge3d loader using Angular
– I need to open a communication between the Angular and the 3d Application.

The first goal has no problem as I was able to load the necessary scripts and the 3d application itself.

The second goal is my problem now. Based on the documentation the Puzzle supports calling an external JS function and it also supports that the created JS functions in the Puzzle can be called outside (Paren Doc). So I took this advantage. Now from my first report where I load the gLTF using app.loadScene() I was able to create a communication between the Angular and the Puzzle but I saw that I missed something which is the other Html file where it has the extra UI interactions. So in order for me to load the full 3d application, I need to use an iframe (correct me if I’m wrong)

However, it seems that I can no longer communicate an external JS function to the Puzzles and vice-versa using this method. Is there another way on doing this?