Add gamma-factor component .

src/avatar-selector.js

@@ -15,6 +15,7 @@ import "three/examples/js/loaders/GLTFLoader";
 import "./components/animation-mixer";
 import "./components/audio-feedback";
 import "./components/loop-animation";
+import "./components/gamma-factor";
 import "./gltf-component-mappings";
 import { avatars } from "./assets/avatars/avatars";
 

src/components/gamma-factor.js

+AFRAME.registerComponent("gamma-factor", {
+  schema: {
+    gammaFactor: { type: "number", default: 2.2 }
+  },
+
+  init() {
+    const el = this.el;
+
+    if (!el.isScene) {
+      console.warn("gamma-factor component can only be applied to <a-scene>");
+    }
+  },
+
+  update(prevData) {
+    const data = this.data;
+    const sceneEl = this.el;
+    const renderer = sceneEl.renderer;
+    let needsShaderUpdate = false;
+
+    if (data.gammaFactor !== prevData.gammaFactor) {
+      renderer.gammaFactor = data.gammaFactor;
+      needsShaderUpdate = true;
+    }
+
+    if (!needsShaderUpdate || sceneEl.time === 0) {
+      return;
+    }
+
+    sceneEl.object3D.traverse(function(node) {
+      if (!node.isMesh) {
+        return;
+      }
+
+      if (Array.isArray(node.material)) {
+        node.material.forEach(function(material) {
+          material.needsUpdate = true;
+        });
+      } else {
+        node.material.needsUpdate = true;
+      }
+    });
+  }
+});

src/hub.html

@@ -25,6 +25,7 @@
 
     <a-scene
         renderer="antialias: true; gammaOutput: true; sortObjects: true; physicallyCorrectLights: true;"
+        gamma-factor
         networked-scene="adapter: janus; audio: true; debug: true; connectOnLoad: false;"
         physics="gravity: -6; debug: false;"
         mute-mic="eventSrc: a-scene; toggleEvents: action_mute"

src/hub.js

@@ -73,6 +73,7 @@ import "./components/position-at-box-shape-border";
 import "./components/remove-networked-object-button";
 import "./components/destroy-at-extreme-distances";
 import "./components/media-loader";
+import "./components/gamma-factor";
 
 import ReactDOM from "react-dom";
 import React from "react";