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.

Take a screenshot

Home Forums Puzzles Take a screenshot

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #24179
    lamthanhle
    Customer

    Hello Yuri,

    This is first time I use this puzzle.
    I don’t know why it take a pic with all black.
    Pls see file attach.

    Thanks,

    #24183
    #24317
    lamthanhle
    Customer

    Thanks Yuri,

    Can I custom size of screenshot ?

    #24328

    Sorry this feature is not available at the moment.

    Chief 3D Verger | LinkedIn | Twitter

    #24350
    lamthanhle
    Customer

    Thanks Yuri,

    Btw, how to “transparent background” work? I enable it and set background color to container div but nothing change.

    #24354

    set background color to container div

    try doing it to document body and see if it works

    Chief 3D Verger | LinkedIn | Twitter

    #24391
    lamthanhle
    Customer

    Hi Yuri,

    if use sphere to wrap model, enable transparent background not help/work. If I remove sphere it will work but it will not work when I click fullscreen.

    Thanks for reply.

    #24419

    Hi lamthanhle,

    if use sphere to wrap model, enable transparent background not help/work. If I remove sphere it will work but it will not work when I click fullscreen.

    The “transparent background” option only controls transparency of the canvas html element which is used for rendering a webgl application. So, in order to make the whole application transparent you also need to make your scene “transparent” or in other words – remove any opaque object that completely covers the whole scene. That’s why you need to remove the wrap sphere, hide it, make semi-transparent, etc…

    Also, regarding the fullscreen mode, I guess you are getting the black background after going fullscreen. The fullscreen button in a verge3d application initializes fullscreen on the “container” div by default. And container doesn’t have background set, so it’s rendered black.

    There are several options here, depending on what you want to achieve.
    If you want to initialize fullscreen for not just the app container but for the whole document body, then you need to disable the default fullscreen button (this can be done in the initialization puzzle by uncheking the “default fullscreen button” option), then create a custom button for going in/out the fullscreen mode and then use the init_fullscreen puzzle for that button.

    Also, if you are fine with only the container element going into fullscreen mode and just want to change it’s black background color, then you can add your own CSS rule for the “#container:fullscreen”. You can add this into the application’s CSS file:

    
    #container:fullscreen {
        background-color: white;
    }
    

    or even do it merely with puzzles, for example:
    css_fullscreen.png

    – this will just make the background white in the fullscreen mode.

    Attachments:
    You must be logged in to view attached files.

    Co-founder and lead developer at Soft8Soft.

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