Transparent Background issues!

Home Forums Puzzles Transparent Background issues!

This topic contains 7 replies, has 3 voices, and was last updated by Yuri Kovelenov Yuri Kovelenov 6 months, 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #9779
    Avatar
    PD
    Licensee

    Please help!

    I have been trying to get the background transparent as described below, but to no avail!
    “transparent background” – makes the background transparent so that the underlying parts of a web page become visible through the WebGL canvas.

    From my understanding all that is required is to check the transparent background within the configure application menu. It seems to change the background from gray to white, but not transparent!

    Seriously am I missing something? :wacko:

    Also I have tried it with newly created applications with the same result!

    Thanks,
    PD

    #9786
    Yuri Kovelenov
    Yuri Kovelenov
    Developer

    Hi!

    It seems to change the background from gray to white, but not transparent!

    The color changed to white because the underlying web page is blank. Try adding some text or images to the .html to find that the canvas is actually transparent. Or better, embed your app in another html document with an iframe, as described here.

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

    #9805
    Avatar
    PD
    Licensee

    Hi Yuri,

    Yes, sorry I should have explained that I already tried overlaying it as you suggested. See the attached image.

    In the current image there are two frames, the above frame displays a transparent background, but is achieved using different WebGL software. As for the one below, it’s using Verge3D with the Transparent Background enabled but not working.

    Both are set up exactly the same using embed <iframe> code method in regards to the HTML editor.

    As stated before, I can’t explain the behavior? :unsure:

    Thanks,
    PD

    Attachments:
    You must be logged in to view attached files.
    #9807
    Yuri Kovelenov
    Yuri Kovelenov
    Developer

    I see. Can you try editing your_app.css file: remove the line

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

    #9808
    Avatar
    PD
    Licensee

    Hey Yuri!

    Excellent that worked! :good:

    Thanks,
    PD

    #9809
    Yuri Kovelenov
    Yuri Kovelenov
    Developer

    :good: Great!

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

    #11237

    Where can I find the configure application menu? I am trying to make my background transparent also.

    www.charliegeorge.dev

    #11251
    Yuri Kovelenov
    Yuri Kovelenov
    Developer
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.