A ThreeJS extension that lets you place interactive HTML and CSS into your scene. This is most useful for WebVR as it works with stereoscopic rendering.
var html = '<div method="click">Click Me</div>';
var methods = {
click: function (elem) {
console.log('element clicked!', elem);
}
};
var options = {
throttle: 250 // throttle for the renderer in milliseconds, can be disabled with false (default 250ms)
observe: true, // watches the element for changes and re-renders (default true)
alwaysOnTop: false, // ensures the UI is always on top of everything in the scene (default false)
debug: false // places a small sphere at the click point (default false)
};
var ui = new THREE.Interface(html, methods, options);
scene.add(ui);
Param | Type | Details |
---|---|---|
html | HTMLElement , String or Array |
The html to be placed into your scene |
methods | Object |
a dictionary of interaction methods |
options | Object |
a dictionary of options |