wip

packages/frontend/src/utility/room/engine.ts

@@ -212,7 +212,13 @@ export class RoomEngine {
 	constructor(roomState: RoomState, options: {
 		canvas: HTMLCanvasElement;
 	}) {
-		this.roomState = roomState;
+		this.roomState = {
+			...roomState,
+			installedObjects: roomState.installedObjects.map(o => ({
+				...o,
+				options: { ...getObjectDef(o.type).options.default, ...o.options },
+			})),
+		};
 		this.canvas = options.canvas;
 
 		registerBuiltInLoaders();
@@ -904,7 +910,7 @@ export class RoomEngine {
 		const objectInstance = def.createInstance({
 			room: this,
 			root,
-			options: args.options, // todo: merge with default options
+			options: args.options,
 			loaderResult: loaderResult,
 			meshUpdated: () => {
 				meshUpdated(this.objectMeshs.get(args.id)!.getChildMeshes() as BABYLON.Mesh[]);

packages/frontend/src/utility/room/objects/colorBox.ts

@@ -3,18 +3,39 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
+import * as BABYLON from '@babylonjs/core';
 import { defineObject } from '../engine.js';
 
 export const colorBox = defineObject({
 	id: 'colorBox',
 	name: 'Color Box',
 	options: {
-		schema: {},
+		schema: {
-		default: {},
+			color: {
+				type: 'color',
+				label: 'Color',
+			},
+		},
+		default: {
+			color: [1, 1, 1],
+		},
 	},
 	placement: 'floor',
-	createInstance: () => {
+	createInstance: ({ options, root }) => {
+		const bodyMesh = root.getChildMeshes().find(m => m.name.includes('__X_BODY__')) as BABYLON.Mesh;
+		const bodyMaterial = bodyMesh.material as BABYLON.PBRMaterial;
+
+		const applyColor = () => {
+			const [r, g, b] = options.color;
+			bodyMaterial.albedoColor = new BABYLON.Color3(r, g, b);
+		};
+
+		applyColor();
+
 		return {
+			onOptionsUpdated: ([k, v]) => {
+				applyColor();
+			},
 			interactions: {},
 		};
 	},