We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Puzzle page doesn't load

Home Forums Puzzles Puzzle page doesn't load

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #5489
    AvatarNewFake
    Customer

    Hi!

    Do you, please, see any reason why the puzzle page of a project that uses the html page renderer (with the htmlmixer.js script) doesn’t load?

    The gauge remains at 0% and running. It occurs with or without the visual logic js and xml files in the app folder.

    The project is too heavy for me to upload it here.

    NewFake :)

    #5496

    Hi,

    Anything is printed in the browser console?

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #5735
    AvatarNewFake
    Customer

    Hi!

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

    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.

    NewFake :)

    #5737

    Hi,

    to having the links clickable in the embedded web page, within both my app and yours,

    I tried our example with soft8soft.com website loaded in it – the links seem work… am I missing something?

    how to have the plane that carries the “iframed” web page to stick to its carrying object?

    I was able to make it parented as follows:

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #5747
    AvatarNewFake
    Customer

    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);

    NewFake :)

    #5752

    where to put those two lines of code; in which file?

    These should be put in the main js file of an application. In our htmlmixer example they can be put just after

    scope.scene.add(mixerPlane.object3d);

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #5769
    AvatarNewFake
    Customer

    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.

    • This reply was modified 2 years, 8 months ago by AvatarNewFake.

    NewFake :)

    #5779

    okay thanks, we’ll check it

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #5864
    AvatarNewFake
    Customer

    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 :negative:

    • This reply was modified 2 years, 8 months ago by AvatarNewFake.
    • This reply was modified 2 years, 8 months ago by AvatarNewFake.

    NewFake :)

    #5896

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

    Anything is printed in the browser console?

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #5901
    AvatarNewFake
    Customer

    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.

    • This reply was modified 2 years, 8 months ago by AvatarNewFake.

    NewFake :)

    #5912
    AvatarNewFake
    Customer

    Please, see if you can give us more tweaking options on the htmlmixer functionalities through puzzles; also simplifying if possible.

    Here are some resources that might help. Specially in animating the embedded iframe:
    https://github.com/mymess/threex.htmlmixer
    https://github.com/jeromeetienne/threex.htmlmixer
    https://jeromeetienne.github.io/threex.htmlmixer/examples/demo.html#default
    On those examples you see that the guy rotates the iframe.
    If it’s easier to having just the iframe without carrying object, it would be fine to me.

    I encounter several problems with the present htmlmixer version of Verge:
    As said before the links aren’t clickable right away in FF & Edge, at least on my side.
    The embedded iframe doesn’t follow the carrying object’s animations, at least on my side.
    It’s hard to harmonize the size of the carrying object with the content of the iframed web page.
    Sending php variables from the app’s page to the embedded one.

    I know that I’m demanding. However I would greatly appreciate you to enhance that functionality, which might help other users of Verge I guess.

    NewFake :)

    #5938

    Hi,

    Thanks for the feedback and suggestions. This feature seems however too specific for creating dedicated puzzles and for inclusion it to Verge3D core.

    I’d suggest using the object3d pointer to access generic properties and methods of the 3D object behind the HTML embedding: mixerPlane.object3d.

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

    #5970
    AvatarNewFake
    Customer

    Hi,

    I understand, however, can you please check what I wrote 2 steps above, regarding the fact that the iframe doesn’t follow the carrying object with the piece of code you gave ma; remember, you asked me what the console was saying:

    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.

    NewFake :)

    #5972

    This can possibly be a focus issue – the HTML part requires to have focus to properly work. Just a thought :scratch:

    3D Verger, the CEO
    LinkedIn | FB | Twitter | VK | 新浪微博

Viewing 15 posts - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.