Initialization Puzzles
These puzzles are located under the init tab and are interpreted before a Verge3D application is initialized.
Contents
Puzzles Reference
configure application
Allows to set up application initialization parameters, including some WebGL context creation parameters.
- compressed assets
- Makes the app load a compressed scene in .xz format instead of a regular .gltf file. See Asset Compression for more info.
- default fullscreen button
- Enables the default fullscreen button located in the top right corner.
- transparent background
- Makes the background transparent so that the underlying parts of a web page become visible through the WebGL canvas. Enable this parameter to inline your 3D content on a web page or to use the augmented reality feature.
- enable screenshots
- Makes it possible to properly capture screenshots from the WebGL canvas (sets the preserveDrawingBuffer property of the WebGL context to true).
- fade annotations
- Makes annotations fade when they are blocked by scene objects.
setup preloader + percentage
Removes the default preloader and exposes event callbacks to allow for handling preloader progress events.
In the following example, a custom preloader is represented with a container HTML element (e.g., a <div>) with the id "preloader". Inside it, there is another element with the id "loading progress" (e.g., a <span>), in which % of loading is printed using the percentage puzzle. In addition to that, the width of the third element (e.g., a <div>) is dynamically changed to graphically represent the loading progress.
load font
Loads font from a specified URL and makes it accessible via font-family CSS rule.
You can use custom fonts in the HTML puzzles as well as to generate texture from text.
Having Troubles with Puzzles?
Seek help on the forums!