From 21ef146eb0303383b498c68571742f1fed896241 Mon Sep 17 00:00:00 2001
From: Geoff Doty <n2geoff@gmail.com>
Date: Thu, 8 Mar 2018 16:48:05 -0500
Subject: [PATCH] hack: resizeviewport 4:3 aspect ratio

---
 assets/tags/application.tag.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/assets/tags/application.tag.html b/assets/tags/application.tag.html
index 04069ce..980bfa9 100644
--- a/assets/tags/application.tag.html
+++ b/assets/tags/application.tag.html
@@ -6,6 +6,18 @@
 
     <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() {
 
@@ -13,12 +25,12 @@
             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