hack: resizeviewport 4:3 aspect ratio

assets/tags/application.tag.html

@@ -7,18 +7,30 @@
     <script>
         var tag = this;
 
+        // HACK: temp 3d viewport sizing
+        var viewport = function() {
+            function current() {
+                return window.innerWidth - 540; // 540 is UI elements
+            }
+
+            return {
+                height: (current() / 4) * 3, //4x3 resolution
+                width: current()
+            }
+        }
+    
         tag.on('mount', function() {
 
             var canvas = tag.refs.app;
             var app = new pc.Application(canvas, {});
             app.start();
 
-            app.setCanvasFillMode(pc.FILLMODE_NONE, 640, 480);
+            app.setCanvasFillMode(pc.FILLMODE_NONE, viewport().width, viewport().height);
             app.setCanvasResolution(pc.RESOLUTION_AUTO);
 
             // ensure canvas is resized when window changes size
             window.addEventListener('resize', function() {
-                app.resizeCanvas();
+                app.resizeCanvas(viewport().width,viewport().height);
             });
 
             // create box entity