@lukekaalim/act-three 5.12.2 → 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.2",
+  "version": "5.12.4",
   "description": "Render threejs content using act",
   "main": "entry.js",
   "types": "entry.d.ts",

package/props.js

@@ -11,6 +11,7 @@ import { setHTMLProp } from "@lukekaalim/act-web";
 import {
   BufferGeometry,
   Camera,
+  Color,
   DirectionalLight,
   Euler,
   Group,
@@ -21,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) {
@@ -78,6 +81,15 @@ export const setMeshProp = (object/*: { [string]: mixed }*/, name/*: string*/, d
   }
   return false;
 }
+export const setInstanceProp = (object/*: { [string]: mixed }*/, name/*: string*/, diff/*: PropDiff*/)/*: boolean*/ => {
+  if (object[name] instanceof Color) {
+    if (diff.next instanceof Color || typeof diff.next === 'string' || typeof diff.next === 'number') {
+      object[name].set(diff.next)
+      return true;
+    }
+  }
+  return false;
+}
 
 export const setLightShadowProps = (
   diffs/*: PropDiffRegistry*/,
@@ -119,6 +131,9 @@ export const setObjectProps2 = (
       setLightShadowProps(propRegistry, target)
       continue;
     }
+    if (setInstanceProp((object/*: any*/), key, propDiff))
+      continue;
+
     if (setMeshProp((object/*: any*/), key, propDiff)) {
       continue;
     }
@@ -126,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();
+
 }