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.

Ok, I Agree

Crash on IOS 14 and Warnings in Chrome

Home › Forums › WebGL & WebXR Troubleshooting › Crash on IOS 14 and Warnings in Chrome

Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • 2020-10-30 at 7:11 am #34747
    Philipp
    Customer

    Hy,

    first of all i would like to say hello to all here because its my first port :-)

    I got serious issue with a project which going online on Sunday.

    I noticed that the page crashes before verge can render anything on iOS safari (iPhone). Also in chrome on windows I noticed a lot of warnings (…GL.Invalid.Framebuffer…) but it will works.

    I would be really happy about a hit in the right direction. :good:

    Also a similar behavior is on one example of the verge3d examples: https://vmts.ch/wp-content/uploads/verge3d/11540/showroom.html

    Thanks in advance, phil

    2020-10-30 at 8:23 am #34752
    Yuri Kovelenov
    Staff

    Hi Phil,

    that demo occupies too much memory, so I guess this is the reason with your demo as well. You might try to find and rescale your biggest textures.

    Here is more info:

    https://www.soft8soft.com/docs/manual/en/introduction/Workflow.html#Image_Formats_and_Resolution

    https://www.soft8soft.com/docs/manual/en/introduction/Optimizing-WebGL-performance.html

    Chief 3D Verger | LinkedIn | Twitter

    2020-10-30 at 11:12 pm #34796
    Philipp
    Customer

    Hy Yuri,

    thanks for your fast repliy.

    I brought down the textures from 2048 to 1024 and 512, this solved the issues in local development. (The local webserver works perfect for testing).

    I have tested the app on the final wordpress/woocommerce shop and noticed that when verge is not visible for the user first (productimage in woocommerce so we can load in background for the user), safari on iphone crashes randomly. (Site needs to be reloaded…) This happens only on ios iphone, not on; ipad, safari for mac, android, chrome(win10).

    If i dont implement the productpicture, so that verge is visible asap, the app works fine on every device tested.

    Could this be related to some html/wordpress/plugin/woocommerce s##t? :yes:

    The app itself contains a lot of textures (~50–70) but there are only 4 + 1 (environment) visible a the same time.

    I‘ve studied your, btw really helpful, docs but i can‘t get it.

    Thanks for your effort ;-)

    Greets Phil

    Attachments:
    You must be logged in to view attached files.
    2020-10-31 at 6:33 am #34804
    Yuri Kovelenov
    Staff

    Indeed there is a bug in Safari 14. Namely, display: none leads to the canvas having zero dimensions which crashes the browser. If instead you use visibility: hidden it will work as expected.

    Chief 3D Verger | LinkedIn | Twitter

    2020-11-02 at 12:12 pm #34860
    Philipp
    Customer

    Hy Yuri,

    thanks for your fast help.
    Works like a charm ;-)

    Greets Phil

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