wip

packages/frontend/src/pages/room.vue

@@ -41,195 +41,232 @@ function resize() {
 onMounted(() => {
 	engine.value = new RoomEngine({
 		roomType: 'default',
-		objects: [{
+		objects: [/*{
 			id: 'a',
 			type: 'cardboard-box',
 			position: [120, 0, 50],
 			rotation: [0, 0.2, 0],
-			variation: 'mikan',
+			options: {
+				variation: 'mikan',
+			},
 		}, {
 			id: 'a2',
 			type: 'opened-cardboard-box',
 			position: [115, 0, -20],
 			rotation: [0, -0.1, 0],
+			options: {},
 		}, {
 			id: 'b',
 			type: 'cardboard-box',
 			position: [120, 31, 50],
 			rotation: [0, 0.1, 0],
 			sticky: 'a',
-			variation: 'aizon',
+			options: {
+				variation: 'aizon',
+			},
 		}, {
 			id: '1',
 			type: 'cardboard-box',
 			position: [80, 0, 110],
 			rotation: [0, 2, 0],
-			variation: null,
+			options: {
+				variation: null,
+			},
 		}, {
 			id: 'c',
 			type: 'desk',
 			position: [-115, 0, 85],
 			rotation: [0, Math.PI, 0],
+			options: {},
 		}, {
 			id: 'd',
 			type: 'monitor',
 			position: [-130, 70, 85],
 			rotation: [0, -Math.PI / 2, 0],
 			sticky: 'c',
+			options: {},
 		}, {
 			id: 'd2',
 			type: 'keyboard',
 			position: [-110, 70, 85],
 			rotation: [0, Math.PI, 0],
 			sticky: 'c',
+			options: {},
 		}, {
 			id: 'e',
 			type: 'chair',
 			position: [-75, 0, 85],
 			rotation: [0, Math.PI / 2, 0],
+			options: {},
 		}, {
 			id: 'f',
 			type: 'plant',
 			position: [-60, 90, 165],
 			rotation: [0, 0, 0],
+			options: {},
 		}, {
 			id: 'f2',
 			type: 'monstera',
 			position: [-55, 90, 175],
 			rotation: [0, 0, 0],
+			options: {},
 		}, {
 			id: 'f3',
 			type: 'snakeplant',
 			position: [40, 90, 170],
 			rotation: [0, 0, 0],
+			options: {},
 		}, {
 			id: 'g',
 			type: 'mug',
 			position: [-45, 90, 160],
 			rotation: [0, Math.PI / 2, 0],
+			options: {},
 		}, {
 			id: 'h',
 			type: 'aircon',
 			position: [80, 215, 150],
 			rotation: [0, Math.PI, 0],
+			options: {},
 		}, {
 			id: 'i',
 			type: 'lava-lamp',
 			position: [60, 90, 170],
 			rotation: [0, 0, 0],
+			options: {},
 		}, {
 			id: 'j',
 			type: 'steel-rack',
 			position: [130, 0, 115],
 			rotation: [0, Math.PI / 2, 0],
+			options: {},
 		}, {
 			id: 'j2',
 			type: 'aquarium',
 			position: [130, 100, 115],
 			rotation: [0, Math.PI / 2, 0],
 			sticky: 'j',
+			options: {},
 		}, {
 			id: 'j3',
 			type: 'power-strip',
 			position: [130, 13, 115],
 			rotation: [0, Math.PI / 2, 0],
 			sticky: 'j',
+			options: {},
 		}, {
 			id: 'k',
 			type: 'cup-noodle',
 			position: [-100, 70, 40],
 			rotation: [0, -2, 0],
 			sticky: 'c',
+			options: {},
 		}, {
 			id: 'l',
 			type: 'banknote',
 			position: [-100, 70, 55],
 			rotation: [0, 2, 0],
 			sticky: 'c',
+			options: {},
 		}, {
 			id: 'm',
 			type: 'energy-drink',
 			position: [-100, 70, 120],
 			rotation: [0, -1, 0],
 			sticky: 'c',
+			options: {},
 		}, {
 			id: 'n',
 			type: 'milk',
 			position: [-120, 70, 130],
 			rotation: [0, 1.5, 0],
 			sticky: 'c',
+			options: {},
 		}, {
 			id: 'o',
 			type: 'facial-tissue',
 			position: [-100, 70, 138],
 			rotation: [0, -1.5, 0],
 			sticky: 'c',
+			options: {},
 		}, {
 			id: 'p',
 			type: 'tv',
 			position: [-135, 88, -5],
 			rotation: [0, -Math.PI / 2, 0],
+			options: {},
 		}, {
 			id: 'q',
 			type: 'color-box',
 			position: [-135, 0, -5],
 			rotation: [0, -Math.PI / 2, 0],
+			options: {},
 		}, {
 			id: 'r',
 			type: 'plant2',
 			position: [135, 0, -135],
 			rotation: [0, 0, 0],
+			options: {},
 		}, {
 			id: 's',
 			type: 'wall-clock',
 			position: [-150, 200, 100],
 			rotation: [0, -Math.PI / 2, 0],
+			options: {},
 		}, {
 			id: 's2',
 			type: 'wood-sound-absorbing-panel',
 			position: [-150, 140, 80],
 			rotation: [0, -Math.PI / 2, 0],
+			options: {},
 		}, {
 			id: 't',
 			type: 'book',
 			position: [10, 100, 10],
 			rotation: [0, 0, 0],
-			variation: 1,
+			options: {
+				variation: 1,
+			},
 		}, {
 			id: 'u',
 			type: 'bed',
 			position: [-30, 0, -100],
 			rotation: [0, Math.PI, 0],
+			options: {},
 		}, {
 			id: 'v',
 			type: 'ceiling-fan-light',
 			position: [0, 250, 0],
 			rotation: [0, 0, 0],
 			isMainLight: true,
+			options: {},
 		}, {
 			id: 'w',
 			type: 'round-rug',
 			position: [0, 0, 0],
 			rotation: [0, 0, 0],
-		}, {
-			id: 'x',
-			type: 'blind',
-			position: [-35, 194, 185],
-			rotation: [0, Math.PI, 0],
-			options: {
-				blades: 24,
-				angle: 0.5,
-			},
-		}, {
-			id: 'x2',
-			type: 'blind',
-			position: [35, 194, 185],
-			rotation: [0, Math.PI, 0],
-			options: {
-				blades: 24,
-				angle: -0.4,
-			},
-		}],
+			options: {},
+		}, */{
+				id: 'x',
+				type: 'blind',
+				position: [-35, 194, 185],
+				rotation: [0, Math.PI, 0],
+				options: {
+					blades: 24,
+					angle: 0.5,
+					open: 0.8,
+				},
+			}, {
+				id: 'x2',
+				type: 'blind',
+				position: [35, 194, 185],
+				rotation: [0, Math.PI, 0],
+				options: {
+					blades: 24,
+					angle: -0.4,
+					open: 0.5,
+				},
+			}],
 	}, {
 		canvas: canvas.value!,
 	});