X_ITE X3D Browser

Have you seen this?

X_ITE v4.6.11

Have you seen this?

X3D Reference

Accessing the External Browser

Accessing the External Browser

X_ITE is designed to provide access to the internal X3D browser and its contained scene graph via JavaScript, either within an internal X3D Script node or an external HTML script.

If you want combine DOM access with X3D access in your JavaScript functions then you probably want to access the external browser object if you want include an external JavaScript file in your HTML page and you don't wanna do it directly a in Script node.


There is the X3D object which is always available, it expects at least one function handler that is called when the browsers (<X3DCanvas> elements) are ready, or the second function handler is called if an error occurred.

The callback function is called when the browser is available. The callback function takes no arguments. The error callback is called if an error occurred, it has one argument error.

The external browser can be accessed by calling the X3D.getBrowser(selector) function, selector can be any CSS selector:

If something went wrong, the error callback is called:

X3D Object


X3D noConflict ()

In X_ITE's case, the X3D function object is the main entry function. If you need to use another JavaScript library alongside X_ITE, return control of the X3D function object back to the other library with a call to X3D .noConflict () . Old references of X3D function object are saved during X_ITE initialization; X3D .noConflict () simply restores them. The return value is the X3D function object itself.

If for some reason two versions of X_ITE are loaded (which is not recommended), calling X3D .noConflict () from the second version will return the globally scoped X3D object to those of the first version.

The following services can be used to establish a session and obtain the X3DBrowser object.

X3DBrowser getBrowser ([selector : String])

The selector argument must be a string containing a valid CSS selector expression to match elements against. If no selector was given, »X3DCanvas« is used as selector string. The return value is the appropriate X3DBrowser object.

X3DBrowser getBrowser (element : Object)

Given a DOM element that represents a X3DCanvas element, the getBrowser function returns the appropriate X3DBrowser object.

Object createBrowser ()

Creates a new X3DCanvas DOM element, initializes it and returns it. Throws an exception if the browser object cannot be created.


The X3D object has several properties, you can use any of the properties below.


The X3DConstants object defines values that can be useful for scripting.


All X3DFields (SFColor, ..., MFBool, MFColor, and so on). The fields can be created using the object as construtor. Note: Scalar objects like SFBool, SFDouble, SFFloat, SFInt32, SFString, and SFTime have no constructor, just use the built-in JavaScript types Boolean, Number, and String.

Function Reference

A complete function reference for the X3DBrowser object and all other X3D JavaScript objects can be found here.


View scene in new window.

Adding HTML controls to your scene is no rocket science. We have added some HTML buttons below the X3DCanvas, which on click call a callback function.



The init function is called when the scene is loaded and installs a field callback that is called when  the models are clicked. The various callback functions first obtains the different nodes and then alter a field of the nodes.


The scene defines different named nodes with the »DEF« attribute, which can be accessed later. Download adrenaline.x3d.

Cookies and other Technologies

By clicking »Accept« or continuing to use the site, you agree to the use of CREATE3000 and third-party cookies and other similar technologies to enhance your browsing experience, analyze and measure your engagement with our content, and provide more relevant ads on CREATE3000 websites and others. Learn more about cookies. You can withdraw your consent at any time.

create3000.de is going to be shut down next year, but we have a new clean and slick web site for you, go to new X_ITE web site, consider updating your X_ITE URL's, or go to new Titania web site or continue reading.