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

WARNING: Too many active WebGL contexts. Oldest context will be lost.

Home › Forums › General Questions › WARNING: Too many active WebGL contexts. Oldest context will be lost.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • 2023-04-30 at 8:59 pm #63375
    Webenart
    Customer

    hi,

    I am using a slider (Slider Revolution) to display a verge3d container.

    I am using 3 sliders in general one of them has the v3d-container id. My problem is that when i change sliders after a few loops i get the message

    “WARNING: Too many active WebGL contexts. Oldest context will be lost.”

    and the v3d app crash and i see that error white container.

    I guess it calls something each time i change slider, is there a way to call the v3d only when the slider comes, and when the other 2 sliders are in time the v3d not to be loaded?

    I tried the puzzles to disable rendering, so with disabled rendering i still got the message.

    Webenart | Creative Websites
    webenart.com

    2023-05-02 at 6:45 am #63386
    Yuri Kovelenov
    Staff

    Hi apatsi,

    can you provide a link to your app?

    Chief 3D Verger | LinkedIn | Twitter

    2023-05-02 at 7:13 am #63388
    Webenart
    Customer

    i used another feature that uses Webgl and i guess it conflicts with verge3d. So i just removed that feature, i dont get that any more.

    Would be nice to have both but this is out of my power

    thanks for the reply.

    Webenart | Creative Websites
    webenart.com

    2023-05-09 at 11:21 am #63615
    Webenart
    Customer

    So actually there is a problem while resizing the browser width to test responsiveness, after a while that 3D canvas gets white and does not respond after a while.

    here is the page

    https://busy-hoover.159-100-30-224.plesk.page/

    Webenart | Creative Websites
    webenart.com

    2023-05-10 at 7:00 am #63618
    Yuri Kovelenov
    Staff

    Hi apatsi,

    It looks like you have 3 instances of Verge3D engine on the same page, each with its own WebGL context. Instead, you might want to create 3 app instances https://www.soft8soft.com/docs/api/en/extras/App.html

    Chief 3D Verger | LinkedIn | Twitter

    2023-05-10 at 7:10 am #63620
    Webenart
    Customer

    Yes i have 3 instanced on a slider, i have not implemented those 3 the way that article explains, so I’m not sure what to edit!

    The way i add those 3 is i just call those files from the project folder and set

    <script src=”/wp-content/uploads/verge3d/888/v3d.js”></script>
    <script src=”/wp-content/uploads/verge3d/888/Cursor_1.js”></script>

    <script src=”/wp-content/uploads/verge3d/1213/Cursor_2.js”></script>

    <script src=”/wp-content/uploads/verge3d/1214/Cursor_3.js”></script>

    Do you mean that i have to call the v3d.js of the cursor_2 and cursor_3 as well?

    i have changed the container ids to each of those to the 2nd and 3rd as v3d-container2 and v3d-container3

    Webenart | Creative Websites
    webenart.com

    2023-05-10 at 7:45 am #63621
    kdv
    Participant

    Looks like you are using three.min.js for the animated background. And this three-based animation causes the problem on the window resized.

    This animation is visible only when the slider is on the right. When the slider is below the head this animation is not visible and the issue doesn’t happen.

    Even when no v3d apps are launches the problem still exists

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

    2023-05-10 at 8:13 am #63624
    Webenart
    Customer

    for the register model is not a function is something that i tried for the moment you refreshed the page and it was wrong.

    but for the three.min.js yes it is true, i am using slider revolution for the background that uses i guess also webgl. and if i remove it then i dont get the error.

    The truth is that I would like to use both though. If you have any idea on how i can do that.

    Webenart | Creative Websites
    webenart.com

    2023-05-10 at 8:19 am #63625
    kdv
    Participant
    Webenart wrote:

    for the register model is not a function is something that i tried for the moment you refreshed the page and it was wrong.

    and it allowed to see that even without v3d apps loaded the problem is only in that animation.

    Webenart wrote:

    The truth is that I would like to use both though

    First, use that script without three.min.js. It can work with v3d.js. And maybe there is an updated version of that script. In fact, the problem is not in three.min.js or v3d.js. The problem is in the script that generates the background animation.

    Puzzles and JS coding. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

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