Take a screenshot

Hi,

you should also enable screenshots here
https://www.soft8soft.com/docs/manual/en/puzzles/Initialization.html#configure_application

Sorry this feature is not available at the moment.

lamthanhle wrote:

set background color to container div

try doing it to document body and see if it works

Hi lamthanhle,

lamthanhle wrote:

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:

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