Puzzle page doesn't load

Hi!

Ok, puzzles issue solved through the web console; thank you. The puzzles’ folder was escaped with // I don’t know why, Anyways, solved I should get used to check the web console

However, I do need your advices, because:

1) to having the links clickable in the embedded web page, within both my app and yours, the htmlmixer example app, we need to slighly move, rotate, either the background or the object that carries the plane, that itself carries the iframe. Otherwise the links aren’t clickable…

2) I also didn’t find the way to having that plane to follow any animation applied in Blender to the object that carries it; said differently, please, how to have the plane that carries the “iframed” web page to stick to its carrying object?

I didn’t find much help related to this “html embedder” in the manual section, even using the local search engine by typing html or htmlmixer.

Hi!

1) I checked in both Edge and FF, latest versions. Same; I must slightly rotate something to having the links functioning..
I’ll check in Chrome and I’ll let you know.

2) Please, where to put those two lines of code; in which file?
v3d.SceneUtils.attach(mixerPlane.object3d, scope.scene, scope.scene.getObjectByName(‘Cube’));
mixerPlane.object3d.scale.multiplyScalar(5);

Hi!

back to the fact that I have to rotate slightly an object that carries a web “iframed” plane (htmlmixer):
Yes, it works fine in Chrome; links are clickable right away.
However, please, check in FireFox and Edge, latest versions, to see that small issue; ie the fact that we must slightly rotate the carrying object to having the links clickable in the embedded page.

Hi,

are you please sure that we must put those two lines after:
var mixerPlane = new THREEx.HtmlMixer.Plane(mixerContext, domElement, { elementW: 512 });
mixerPlane.object3d.scale.multiplyScalar(5);
scope.scene.add(mixerPlane.object3d);

Which makes:
_______________
var mixerPlane = new THREEx.HtmlMixer.Plane(mixerContext, domElement, { elementW: 512 });
mixerPlane.object3d.scale.multiplyScalar(5);
scope.scene.add(mixerPlane.object3d);
v3d.SceneUtils.attach(mixerPlane.object3d, scope.scene, scope.scene.getObjectByName(‘Cube’));
mixerPlane.object3d.scale.multiplyScalar(5);
________________

Because this way we end up with twice the line of code: mixerPlane.object3d.scale.multiplyScalar(5);

Anyways I tried that suggestion but it doesn’t work, at least on my side.

My two problems are bounded: as I have to slightly rotate either the scene or the carrying object to having the links clickable, I tried to move the carrying object within a small animation, a small rotation, to see if the links become clickable. But the carried plane doesn’t follow the rotation of the carrying object, doesn’t stick with it, with the addition of the two lines of code you recommended to add.
I’m blocked

Hi!

Here’s what the FF web console says:

Successfully compiled asm.js code (total compilation time 13ms; storage initialization failed (consider filing a bug)) v3d.js
Verge3D 2.5.0 v3d.js:1:397123

v3d.WebGLProgram: gl.getProgramInfoLog() C:\fakepath(233,25-100): warning X3571: pow(f, e) will not work for negative f, use abs(f) or conditionally handle negative values if you expect them

v3d.js:1:378470
v3d.CSS3DRenderer 2.5.0 CSS3DRenderer.js:41:5
v3d.WebGLProgram: gl.getProgramInfoLog() C:\fakepath(75,25-100): warning X3571: pow(f, e) will not work for negative f, use abs(f) or conditionally handle negative values if you expect them

Note: now what’s weird is that the fact of calling, opening the web console makes the links on the embedded page clickable right away, without rotating whatsoever on the app’s web page.