How can I monitor the performance of my XML3D application?

A nice way is to use the stats counter from: https://github.com/mrdoob/stats.js/

In the WebGL version, one can use the framedrawn event to update the counter, e.g:

var stats = new Stats(); stats.domElement.style.position=’absolute’; stats.domElement.style.left=’0px’; stats.domElement.style.top=’0px’; var targetElement = … targetElement.style.position=’realtive’; targetElement.appendChild(stats.domElement); var myxml3d = document.getElementById(“myxml3d”); myxml3d.addEventListener(“framedrawn”, function(e) { stats.update(); }, false);

In the native version, one . . . → Read More: How can I monitor the performance of my XML3D application?

XML3D at Intel Developer Forum (IDF) 2011

Come meet us at IDF 2011 in San Francisco. We present XML3D in the Intel Labs Pavilion at the Technology Showcase floor. Come and see our brand new demo: A 3D shopping application. The customer can configure his camera with several lenses and flashes and experience the result fully interactive in 3D. Any similarity to actual shopping systems of online retailers is purely coincidental 🙂 . . . → Read More: XML3D at Intel Developer Forum (IDF) 2011

Interactive 3D chess game

Combine our chess example from the iX-Demos with an existing JavaScript chess engine and you easily get an interactive 3D chess game in the browser. Enjoy your game of chess against the computer.

. . . → Read More: Interactive 3D chess game

MarsCity demo

MarsCity01

MarsCity illustrates an online browser game where you can build your own colony on Mars. The demo shows the capabilities of geometry instances.

. . . → Read More: MarsCity demo

Virtual Museum demo

Here you can roam freely through a room of a virtual museum. Navigation is done game-like using the WASD keys for movement plus mouse for viewing around. As this demo is optimized for raytracing due to the shadows and reflections from the objects of the exhibition it can be only viewed in XML3D-RTfox. . . . → Read More: Virtual Museum demo

Shader configurator demo

A little tool to interactively try the different shader parameters.

Gizmos demo

This demo is a test for 3D interactions in XML3D. With this simple editor, you can move, rotate, and scale 3D objects using some tools (a.k.a Gizmos). In addition, you can trigger reflections for the individual objects. Two of the objects (ripple and sequential morph) are created using XFlow. The behaviour of the . . . → Read More: Gizmos demo

Rubiks Cube Demo

This WebGL demo shows the XML3D rotation types and demonstrates some 3D interaction methods.

Tetris Demo

Another simple XML3D demo.

. . . → Read More: Tetris Demo

Solar System Demo

This demo is specifically optimized for WebGL. For “Learning the basics of XML3D” it demonstrates scene graph basics such as the workings of hierarchical transformations, or first steps with JavaScript based interactions and animations.

. . . → Read More: Solar System Demo