Monokultur-Studio

No problem. Here are the links:

This is the app with Verge 3.9:
http://www.suedsauerlandmuseum.de/bieketurm

This with 4.0 and nothing changed, just updated and saved puzzles:
https://v3d.net/8g5

Thanks for the fast replies!

Yes with Android everything works as expected.

Soooo after hours of reseach I found out that you CANT open WebXR AR-Apps on iOs through iframe at the moment. When I get rid of the iframe and put my UI inside the main-html-file than it works…

This ist very essential to know for everyone who wants to develop Web-AR with Apple hardware. In short: Its pretty much impossible at the moment. Even with dedicated apps like XRViewer…

Thanks Yuri for looking into my project files to look for the error Next time i will develop directly on Android.

• This reply was modified 2 months, 3 weeks ago by Monokultur-Studio.

Hi Yuri,

yes the render issues are gone now!

But AR still does not get detected in my app with XRViewer. A few weeks ago it still worked. I already deleted the puzzles for USDZ generation, so this can’t be the problem.

In the screenshots you see all my AR-related puzzles.

First I check if AR is available, then set the variable to true, then I set my html element with my AR button to “block” if true. But the button stays invisible.

Is the iframe a problem? I made the gui with webflow and added this:

allow="xr-spatial-tracking"

to the iframe code.

Under this link you can find my project file.

I really dont know where my error is.

Hi Yuri,

thanks, that explains a lot!
But now Safari asks me if I want to download the file: AR.usdz.xml and really just downloads it. And it can’t be opened because iOs thinks that it is an xml file and not a usdz file.

I am using Verge4.0 pre4 with compressed textures. Maybe this is a bug in the current pre4?

• This reply was modified 3 months ago by Monokultur-Studio.
• This reply was modified 3 months ago by Monokultur-Studio.

Hi Mikhail,

yes Puzzle is the way! But I dont know how to change the states permanently in puzzles…

I also tried to configure the “new state” manually in puzzles.
Example:

the button is just a black box. But I want this box to have a box shadow after being pressed. The divs’s ID is: button_1
So I use the set style puzzle set to box-shadow to 0 7px 13px 5px #000; for elem button_1.

But nothing changes. What am I doing wrong?
If I set the style display to none for elem button_1 the button disappears. So the ID is correct…

Ok thanks for your answere!

Where do I implement those custom features? In the “my_awesome_app.js” in the function runCode(app) {} section? Cause I tried this:

function runCode(app) {
controls = new v3d.OrbitControls(camera, renderer.domElement);
    //controls = new THREE.OrbitControls(camera, renderer.domElement);
            controls.enableDamping = true;
            controls.dampingFactor = 2.0;
}

But this didn’t work. Is it because it interferes with the blender camera set to “orbit mode” or is there another place where i have to implement stuff like this?