Adjust renderer rerender conditions

Reflow some of the logic for when the renderer rerenders / re-applies
settings.

Author: vidartf

js/src/_base/Renderable.js

@@ -54,6 +54,10 @@ var RenderableView = widgets.DOMWidgetView.extend({
 
         this.lazyRendererSetup();
 
+        this.setupEventListeners();
+    },
+
+    setupEventListeners: function() {
         this.on('destroy', this.destroy, this);
         this.listenTo(this.model, 'rerender',       this.tick.bind(this));
         this.listenTo(this.model, 'msg:custom',     this.onCustomMessage.bind(this));

js/src/core/Renderer.js

@@ -67,6 +67,18 @@ var RendererModel = RenderableModel.extend({
 var RendererView = RenderableView.extend({
 
     lazyRendererSetup: function() {
+        this.updateOwn();
+        this.updateSize();
+        this.renderScene();
+    },
+
+    setupEventListeners: function() {
+        RenderableView.prototype.setupEventListeners.call(this);
+
+        this.listenTo(this.model, 'change', this.updateOwn.bind(this));
+    },
+
+    updateOwn: function() {
         this.camera = this.model.get('camera').obj;
         this.scene = this.model.get('scene').obj;
         controls = [];
@@ -76,16 +88,17 @@ var RendererView = RenderableView.extend({
         this.controls = controls;
         this.enableControls();
         //this.effect = this.model.get('effect').obj;
-        this.updateSize();
-        this.renderScene();
-    },
-
-    acquireRenderer: function() {
-        RenderableView.prototype.acquireRenderer.call(this);
 
         var background = ThreeModel.prototype.convertColorModelToThree(this.model.get('background'));
         var background_opacity = ThreeModel.prototype.convertFloatModelToThree(this.model.get('background_opacity'));
         this.renderer.setClearColor(background, background_opacity);
+    },
+
+    acquireRenderer: function() {
+        RenderableView.prototype.acquireRenderer.call(this);
+        // We need to ensure that renderer properties are applied
+        // (we have no idea where the renderer has been...)
+        this.updateOwn();
     }
 
 });