From 7f0346f3b8a245fc1f683bf90f801a3d664d5e5c Mon Sep 17 00:00:00 2001 From: gman Date: Thu, 6 Oct 2011 17:58:00 -0700 Subject: [PATCH 1/2] Update WebGL Renderer so cameras can have parents --- src/renderers/WebGLRenderer.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/renderers/WebGLRenderer.js b/src/renderers/WebGLRenderer.js index 9203a6ff..47c5ada6 100644 --- a/src/renderers/WebGLRenderer.js +++ b/src/renderers/WebGLRenderer.js @@ -3693,7 +3693,14 @@ THREE.WebGLRenderer = function ( parameters ) { _this.info.render.vertices = 0; _this.info.render.faces = 0; - camera.matrixAutoUpdate && camera.update( undefined, true ); + // hack: find parent of camera. + if (camera.matrixAutoUpdate) { + var parent = camera; + while ( parent.parent ) { + parent = parent.parent; + } + parent.update( undefined, true ); + } scene.update( undefined, false, camera ); From 1ab9940107c45d6f0fcae8c48950f757b4f72bba Mon Sep 17 00:00:00 2001 From: gman Date: Thu, 6 Oct 2011 18:00:54 -0700 Subject: [PATCH 2/2] Add example that shows using three.js for multiple monitors in a circle --- examples/webgl_multiple_canvases_circle.html | 323 +++++++++++++++++++ 1 file changed, 323 insertions(+) create mode 100644 examples/webgl_multiple_canvases_circle.html diff --git a/examples/webgl_multiple_canvases_circle.html b/examples/webgl_multiple_canvases_circle.html new file mode 100644 index 00000000..f1f0389a --- /dev/null +++ b/examples/webgl_multiple_canvases_circle.html @@ -0,0 +1,323 @@ + + + + + three.js webgl - multiple canvases - circle + + + + +
+
+
+
+
+
+
+
+
+
+
+ +
three.js webgl - multiple canvases - circle
+
+
+ This example is shows how to setup multi-monitor displays like Google's Liquid Galaxy using three.js. + Here 5 monitors are simulated using 3d css. WebGL is then rendered onto each one.
+ Note: 3d css support required! Use Chrome, Safari or Firefox 10 +
+
+ + + + + + + + +