@lukekaalim/act-three 5.12.3 → 5.12.4

package/components/scene.js

@@ -0,0 +1,21 @@
+// @flow strict
+/*::
+import type { SceneProps } from "../components";
+import type { Scene, Texture } from "three";
+*/
+import { Color } from "three";
+
+/*::
+export type PropSetters<T> = {
+  [string]: (object: T, nextProp: any, prevProp: any) => void,
+}
+*/
+
+export const scenePropSetters/*: PropSetters<Scene>*/ = {
+  'background': (scene/*: Scene*/, prop/*: null | Color | Texture*/) => {
+    if (scene.background instanceof Color && prop instanceof Color)
+      scene.background.copy(prop)
+    else
+      scene.background = prop;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukekaalim/act-three",
-  "version": "5.12.3",
+  "version": "5.12.4",
   "description": "Render threejs content using act",
   "main": "entry.js",
   "types": "entry.d.ts",

package/props.js

@@ -22,10 +22,12 @@ import {
   Object3D,
   OrthographicCamera,
   Quaternion,
+  Scene,
   Vector2,
   Vector3,
 } from "three";
 import { setRef } from "@lukekaalim/act-renderer-core";
+import { scenePropSetters } from './components/scene';
 
 export const setTransformProp = (target/*: mixed*/, diff/*: PropDiff*/)/*: boolean*/ => {
   if (target instanceof Vector2 && diff.next instanceof Vector2) {
@@ -131,7 +133,7 @@ export const setObjectProps2 = (
     }
     if (setInstanceProp((object/*: any*/), key, propDiff))
       continue;
-    
+
     if (setMeshProp((object/*: any*/), key, propDiff)) {
       continue;
     }
@@ -139,10 +141,20 @@ export const setObjectProps2 = (
       continue;
     if (setValueProp((object/*: any*/), key, propDiff))
       continue;
+    if (object instanceof Scene) {
+      const setter = scenePropSetters[propDiff.key];
+      if (setter) {
+        setter(object, propDiff.next, propDiff.prev);
+        continue;
+      }
+    }
+      
+
 
     console.warn(`Unhandled prop ${key}`, propDiff.next, object);
   }
 
   if (object instanceof OrthographicCamera)
     object.updateProjectionMatrix();
+
 }