3 files changed, 10 insertions, 11 deletions
diff --git a/public/assets/javascripts/app.js b/public/assets/javascripts/app.js
index a146325..6ff062e 100644
--- a/public/assets/javascripts/app.js
+++ b/public/assets/javascripts/app.js
@@ -23,8 +23,6 @@ app.launch = function () {
   
 	var movements
 
-	app.devicePixelRatio = is_mobile ? devicePixelRatio : 1
-
 	scene = new MX.Scene().addTo('#scene')
 	scene.width = window.innerWidth
 	scene.height = window.innerHeight
diff --git a/public/assets/javascripts/mx/mx.js b/public/assets/javascripts/mx/mx.js
index ab9a9a0..60651eb 100644
--- a/public/assets/javascripts/mx/mx.js
+++ b/public/assets/javascripts/mx/mx.js
@@ -25,7 +25,7 @@ var MX = MX || (function (undefined) {
     var MX = {
         version: '0.1.0',
         prefix: undefined,
-        rotationUnit: 'rad'
+        rotationUnit: 'rad',
     }
 
     var floatPrecision = 5
@@ -162,24 +162,24 @@ var MX = MX || (function (undefined) {
         Object.defineProperty(this, 'width', {
             get: function () {
                 return width
-                    || parseInt(self.el.style.width, 10) * app.devicePixelRatio
+                    || parseInt(self.el.style.width, 10) * app_devicePixelRatio
                     || 0
             },
             set: function (val) {
                 width = val
-                this.el.style.width = (width/app.devicePixelRatio) + 'px'
+                this.el.style.width = (width/app_devicePixelRatio) + 'px'
             }
         })
 
         Object.defineProperty(this, 'height', {
             get: function () {
                 return height
-                    || parseInt(self.el.style.height, 10) * app.devicePixelRatio
+                    || parseInt(self.el.style.height, 10) * app_devicePixelRatio
                     || 0
             },
             set: function (val) {
                 height = val
-                this.el.style.height = (height/app.devicePixelRatio) + 'px'
+                this.el.style.height = (height/app_devicePixelRatio) + 'px'
             }
         })
     }
@@ -302,9 +302,9 @@ var MX = MX || (function (undefined) {
                         + (-this.y).toFixed(floatPrecision) + 'px,'
                         + (-this.z).toFixed(floatPrecision) + 'px) '
                     + 'scale3d('
-                        + (app.devicePixelRatio * this.scaleX).toFixed(floatPrecision) + ','
-                        + (app.devicePixelRatio * this.scaleY).toFixed(floatPrecision) + ','
-                        + (app.devicePixelRatio * this.scaleZ).toFixed(floatPrecision) + ') '
+                        + (app_devicePixelRatio * this.scaleX).toFixed(floatPrecision) + ','
+                        + (app_devicePixelRatio * this.scaleY).toFixed(floatPrecision) + ','
+                        + (app_devicePixelRatio * this.scaleZ).toFixed(floatPrecision) + ') '
 
                 if (rotationTranslation) {
                     transformString += rotationTranslation.before
diff --git a/public/assets/javascripts/vendor/polyfill.js b/public/assets/javascripts/vendor/polyfill.js
index 499cbc5..2139618 100644
--- a/public/assets/javascripts/vendor/polyfill.js
+++ b/public/assets/javascripts/vendor/polyfill.js
@@ -48,7 +48,7 @@ function has3d(){
   } else if ( browser.webkit ) {
     browser.safari = true;
   }
-  $.browser = browser;
+  if (window.$) $.browser = browser;
   return browser;
 })( navigator.userAgent );
 
@@ -58,6 +58,7 @@ var is_ipad = (navigator.userAgent.match(/iPad/i))
 var is_android = (navigator.userAgent.match(/Android/i))
 var is_mobile = is_iphone || is_ipad || is_android
 var is_desktop = ! is_mobile;
+var app_devicePixelRatio = is_mobile ? devicePixelRatio : 1;
 
 
 // rAF shim