App

App class allows you to set up your 3D application more easily. It includes code to init WebGL renderer, load glTF scenes, auto-start animations as well as logic for basic camera controls.

Example

// loaded GLTF 2.0 asset var url = 'template.gltf'; // construct a new application with simple rotating preloader var app = new v3d.App('container', null, new v3d.SimplePreloader({ container: 'container' })); // load main scene app.loadScene(url, function() { app.enableControls(); app.run(); runCode(); }); function runCode() { // place your own code here }

Constructor

App(container, ctxSettings, preloader)

container - the id of an HTML-element or the HTML-element itself to contain the canvas.
ctxSettings - the WebGL context attributes to be passed in the canvas.getContext() method.
preloader - the instance of application's Preloader class.

This constructor does the following:

  1. Creates a new container element (if necessary).
  2. Checks whether WebGL technology is supported, if not displays an error dialog.
  3. Initializes an application clock.
  4. Creates a new 3D canvas with WebGL 1.0 or WebGL 2.0 context and adds it to the container element.
  5. Initializes a GLTF loader.
  6. Adds an app instance to v3d.apps list (in case of non-modularized engine).

Properties

.actions : Array

Array of animation actions used to schedule app animations. Instead of accessing this list directly you can also use the getAnimationActionByName method to search for an action by its clip name.

.clearBkgOnLoad : Boolean

Set the scene background to null after loading a glTF scene. Default is false.

.container : HTMLElement

A container element. This is a parent element for 3D Canvas used for rendering operations.

.scene : Scene

Application main scene.

.camera : Camera

Application main camera.

.clock : Clock

Application clock object.

.controls : null

Application main camera controls object.

.frame : Number

Current rendering frame of the application.

.frameRateDivider : Number

Application FPS divider. Use setFrameDivider to set this value.

.mixer : AnimationMixer

Mixer used to play animations loaded from glTF data.

.preloader : HTMLElement

App preloader element (exists only during scene loading)

.renderer : WebGLRenderer

Application WebGL renderer.

.renderCallbacks : Array

Array of functions which will be called every time when rendering begins.

.loader : GLTFLoader

Application glTF loader.

.worldCubemapRes : Number

Resolution of the cubemap texture representing the world material. Default is 1024.

.worldMaterial : Material

Material used to generate world environment.

.xrControllers : Array

Array of controller objects for the active WebXR session.

.xrSession : XRSession

Active WebXR session.

Methods

.animate () : null

Handler for scene updates: rendering, animations and camera controls. Do not change unless you know what you are doing.

.appendScene (url, loadCb, progressCb, errorCb) : null

Append the scene from the specified glTF file to the current scene. The loadCb callback will receive the loaded scene as a parameter after the loading is finished.

If there is no active scene in the application, then nothing will be appended.

.cleanup () : null

Deprecated. Use dispose or unload instead.

.disablePostprocessing (keepOutline) : null

Disable all post-processing effects (except outline when keepOutline=true).

.disableRendering (after) : null

Disable graphics updates in the animation loop after the given amount of frames (specify 0 to disable immediately). The controls and the animation mixer will keep being updated and the render callbacks will keep being called.

.disableSSAA () : null

Disable supersample anti-aliasing.

.dispose () : null

Unloads the scene and cleans up the application data.

.enableControls () : null

Enable controls for the main app camera. Depending on the control type specified for the camera this method will give you 'ORBIT', 'FLYING' or static camera.

.enablePostprocessing (effects) : null

Enable the given post-processing effects.

.enableRendering () : null

Enable graphics updates in the animation loop.

.enableSSAA (sampleLevel, iterative) : null

Enable supersample anti-aliasing. The number of samples is calculated as 2^sampleLevel (e.g specify 4 to enable 16x SSAA).

.getCamera () : Camera

Returns main app camera.

.getHeight () : number

Return calculated container element height.

.getWidth () : number

Return calculated container element width.

.initPostprocessing () : null

Handler for app post-processing initialization. Do not change unless you know what you are doing.

.load (url, loadOkCb, loadErrorCb, autoStart) : null

Deprecated. Use loadScene instead.

Load the glTF scene. The loadOkCb callback will receive the loaded scene as a parameter after the loading is finished.

If there already is an active scene (e.g. loaded before via the load method), then use unload first to avoid conflicts between the existed scene and the loaded one.

.loadScene (url, loadCb, progressCb, errorCb) : null

Load the glTF scene. The loadCb callback will receive the loaded scene as a parameter after the loading is finished.

If there already is an active scene (e.g. loaded before via the loadScene method), then use unload first to avoid conflicts between the existed scene and the loaded one.

.onResize () : null

Handler for canvas resize event. Do not change unless you know what you are doing.

.printPerformanceInfo (delta) : null

Estimate and print out rendering performance profile. delta is an optional period of estimation (default 1).

.render () : null

Handler for scene rendering. Do not change unless you know what you are doing.

.run () : null

Starts the application by removing the preloader and starting the rendering cycle.

.setFrameRateDivider (divider : Integer) : null

Lowers the maximum frame by dividing it by a specified integer number. By default the engine tries to render scenes at 60 frames per second. If the divider is set to 2, for example, the FPS will be topped out to 30.

.unload (rootObj) : null

rootObj -- (optional) an object to unload along with its children; if no object is given or the given object is the main application scene then the method performs full scene cleanup.

Unloads either a part or the whole scene depending on the parameters.

.updateEnvironment (wMat) : null

Update world environment from the specified material.

Source

For more info on how to obtain the source code of this module see this page.