Support bloom component with initial enabled:false (#5696)

Author: vincentfretin

examples/showcase/post-processing/bloom.js

@@ -21,6 +21,7 @@ AFRAME.registerComponent('bloom', {
   },
   events: {
     rendererresize: function () {
+      if (!this.composer) { return; }
       this.renderer.getSize(this.size);
       this.composer.setSize(this.size.width, this.size.height);
     }
@@ -30,7 +31,9 @@ AFRAME.registerComponent('bloom', {
     this.scene = this.el.object3D;
     this.renderer = this.el.renderer;
     this.originalRender = this.el.renderer.render;
-    this.bind();
+    if (this.data.enabled) {
+      this.bind();
+    }
   },
   update: function (oldData) {
     if (oldData.enabled === false && this.data.enabled === true) {
@@ -41,6 +44,8 @@ AFRAME.registerComponent('bloom', {
       this.el.renderer.render = this.originalRender;
     }
 
+    if (!this.data.enabled) { return; }
+
     if (this.composer) {
       this.composer.dispose();
     }
@@ -64,9 +69,7 @@ AFRAME.registerComponent('bloom', {
     var strength = this.data.strength;
     var radius = this.data.radius;
     var threshold = this.data.threshold;
-    if (this.bloomPass) {
-      this.bloomPass.dispose();
-    }
+    if (this.bloomPass) { this.bloomPass.dispose(); }
     this.bloomPass = new UnrealBloomPass(
       resolution,
       strength,
@@ -76,9 +79,7 @@ AFRAME.registerComponent('bloom', {
     this.composer.addPass(this.bloomPass);
 
     // create output pass
-    if (this.outputPass) {
-      this.outputPass.dispose();
-    }
+    if (this.outputPass) { this.outputPass.dispose(); }
     this.outputPass = new OutputPass();
     this.composer.addPass(this.outputPass);
   },
@@ -103,8 +104,8 @@ AFRAME.registerComponent('bloom', {
 
   remove: function () {
     this.el.renderer.render = this.originalRender;
-    this.bloomPass.dispose();
-    this.outputPass.dispose();
-    this.composer.dispose();
+    if (this.bloomPass) { this.bloomPass.dispose(); }
+    if (this.outputPass) { this.outputPass.dispose(); }
+    if (this.composer) { this.composer.dispose(); }
   }
 });