..

sources/scripts/core/layer.js

@@ -12,10 +12,11 @@ function Layer(name)
 
   this.update = function(zoom = {scale:1,offset:{x:0,y:0}})
   {
+    console.log(`Updated ${this.name}`);
     this.el.style.width = (ronin.frame.width * ronin.frame.zoom.scale)+"px";
     this.el.style.height = (ronin.frame.height * ronin.frame.zoom.scale)+"px";
-    this.el.style.left = `calc(50vw - ${ronin.frame.width/2}px + ${zoom.offset.x}px)`;
-    this.el.style.top = `calc(50vh - ${ronin.frame.height/2}px + ${zoom.offset.y}px)`;
+    this.el.style.left = zoom.offset.x+"px";
+    this.el.style.top = zoom.offset.y+"px";
   }
 
   this.context = function()
@@ -25,6 +26,7 @@ function Layer(name)
 
   this.resize_to = function(size)
   {
+    console.log(`Resized ${this.name}`);
     this.el.width = ronin.frame.width * 2;
     this.el.height = ronin.frame.height * 2;
     this.update();

sources/scripts/modules/frame.js

@@ -59,7 +59,8 @@ function Frame()
     const {dialog,app} = require('electron').remote;
     var win = require('electron').remote.getCurrentWindow();
     win.setSize(size.width,size.height);
-    ronin.cursor.target.resize_to(size);
+    ronin.layers.above.resize_to(size);
+    ronin.layers.below.resize_to(size);
     ronin.grid.resize_to(size);
     ronin.guide.resize_to(size);
     ronin.cursor.resize_to(size);

sources/scripts/ronin.js

@@ -85,6 +85,8 @@ function Ronin()
     this.preview.update();
     this.commander.update();
 
+    this.frame.resize_to({width:930,height:540});
+
     this.load();
   }