diff --git a/packages/frontend/assets/room/objects/all-in-one-pc/all-in-one-pc.blend b/packages/frontend/assets/room/objects/all-in-one-pc/all-in-one-pc.blend new file mode 100644 index 0000000000..f30c5cddab Binary files /dev/null and b/packages/frontend/assets/room/objects/all-in-one-pc/all-in-one-pc.blend differ diff --git a/packages/frontend/assets/room/objects/all-in-one-pc/all-in-one-pc.glb b/packages/frontend/assets/room/objects/all-in-one-pc/all-in-one-pc.glb new file mode 100644 index 0000000000..ed8af83c95 Binary files /dev/null and b/packages/frontend/assets/room/objects/all-in-one-pc/all-in-one-pc.glb differ diff --git a/packages/frontend/assets/room/objects/desk/desk.blend b/packages/frontend/assets/room/objects/desk/desk.blend index c88d01f0b2..bbaf43f535 100644 Binary files a/packages/frontend/assets/room/objects/desk/desk.blend and b/packages/frontend/assets/room/objects/desk/desk.blend differ diff --git a/packages/frontend/assets/room/objects/desk/desk.glb b/packages/frontend/assets/room/objects/desk/desk.glb index 4a58513095..3f84930727 100644 Binary files a/packages/frontend/assets/room/objects/desk/desk.glb and b/packages/frontend/assets/room/objects/desk/desk.glb differ diff --git a/packages/frontend/src/pages/room.vue b/packages/frontend/src/pages/room.vue index 857791d15c..96f1e6c2b7 100644 --- a/packages/frontend/src/pages/room.vue +++ b/packages/frontend/src/pages/room.vue @@ -229,7 +229,7 @@ onMounted(() => { id: 'c', type: 'desk', position: [-115, 0, 85], - rotation: [0, Math.PI, 0], + rotation: [0, -Math.PI / 2, 0], options: {}, }, { id: 'd', diff --git a/packages/frontend/src/utility/room/engine.ts b/packages/frontend/src/utility/room/engine.ts index f8886fbeff..9350784b05 100644 --- a/packages/frontend/src/utility/room/engine.ts +++ b/packages/frontend/src/utility/room/engine.ts @@ -111,6 +111,7 @@ type ObjectDef = { loaderResult: BABYLON.ISceneLoaderAsyncResult; meshUpdated: () => void; findMesh: (keyword: string) => BABYLON.Mesh; + findMaterial: (keyword: string) => BABYLON.PBRMaterial; }) => RoomObjectInstance>; }; @@ -869,6 +870,14 @@ export class RoomEngine { } return mesh as BABYLON.Mesh; }, + findMaterial: (keyword) => { + for (const m of root.getChildMeshes()) { + if (m.material != null && m.material.name.includes(keyword)) { + return m.material as BABYLON.PBRMaterial; + } + } + throw new Error(`Material with keyword "${keyword}" not found for object ${args.type} (${args.id})`); + }, }); this.objectInstances.set(args.id, objectInstance); diff --git a/packages/frontend/src/utility/room/object-defs.ts b/packages/frontend/src/utility/room/object-defs.ts index bd09ab8168..b3c4e34339 100644 --- a/packages/frontend/src/utility/room/object-defs.ts +++ b/packages/frontend/src/utility/room/object-defs.ts @@ -5,6 +5,7 @@ import { a4Case } from './objects/a4Case.js'; import { aircon } from './objects/aircon.js'; +import { allInOnePc } from './objects/allInOnePc.js'; import { aquarium } from './objects/aquarium.js'; import { aromaReedDiffuser } from './objects/aromaReedDiffuser.js'; import { banknote } from './objects/banknote.js'; @@ -53,6 +54,7 @@ import { woodSoundAbsorbingPanel } from './objects/woodSoundAbsorbingPanel.js'; export const OBJECT_DEFS = [ a4Case, aircon, + allInOnePc, aquarium, aromaReedDiffuser, banknote, diff --git a/packages/frontend/src/utility/room/objects/allInOnePc.ts b/packages/frontend/src/utility/room/objects/allInOnePc.ts new file mode 100644 index 0000000000..f635f4e14e --- /dev/null +++ b/packages/frontend/src/utility/room/objects/allInOnePc.ts @@ -0,0 +1,65 @@ +/* + * SPDX-FileCopyrightText: syuilo and misskey-project + * SPDX-License-Identifier: AGPL-3.0-only + */ + +import * as BABYLON from '@babylonjs/core'; +import { defineObject } from '../engine.js'; + +export const allInOnePc = defineObject({ + id: 'allInOnePc', + name: 'All-in-One PC', + options: { + schema: { + bodyColor: { + type: 'color', + label: 'Body color', + }, + bezelColor: { + type: 'color', + label: 'Bezel color', + }, + }, + default: { + bodyColor: [1, 1, 1], + bezelColor: [0, 0, 0], + }, + }, + placement: 'top', + createInstance: ({ room, options, findMaterial }) => { + const bodyMaterial = findMaterial('__X_BODY__'); + const bezelMaterial = findMaterial('__X_BEZEL__'); + const screenMaterial = findMaterial('__X_SCREEN__'); + + const tex = new BABYLON.Texture('http://syu-win.local:3000/files/b6cefaba-3093-4c57-a7f8-993dee62c6f7', room.scene, false, false); + + screenMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0); + screenMaterial.ambientColor = new BABYLON.Color3(0, 0, 0); + screenMaterial.specularColor = new BABYLON.Color3(0, 0, 0); + screenMaterial.albedoColor = new BABYLON.Color3(0, 0, 0); + screenMaterial.emissiveTexture = tex; + screenMaterial.emissiveColor = new BABYLON.Color3(0.4, 0.4, 0.4); + screenMaterial.emissiveTexture.level = 0.5; + + const applyBodyColor = () => { + const [r, g, b] = options.bodyColor; + bodyMaterial.albedoColor = new BABYLON.Color3(r, g, b); + }; + + const applyBezelColor = () => { + const [r, g, b] = options.bezelColor; + bezelMaterial.albedoColor = new BABYLON.Color3(r, g, b); + }; + + applyBodyColor(); + applyBezelColor(); + + return { + onOptionsUpdated: ([k, v]) => { + applyBodyColor(); + applyBezelColor(); + }, + interactions: {}, + }; + }, +}); diff --git a/packages/frontend/src/utility/room/objects/desk.ts b/packages/frontend/src/utility/room/objects/desk.ts index cb51852074..a400635ad6 100644 --- a/packages/frontend/src/utility/room/objects/desk.ts +++ b/packages/frontend/src/utility/room/objects/desk.ts @@ -3,18 +3,38 @@ * SPDX-License-Identifier: AGPL-3.0-only */ +import * as BABYLON from '@babylonjs/core'; import { defineObject } from '../engine.js'; export const desk = defineObject({ id: 'desk', name: 'Desk', options: { - schema: {}, - default: {}, + schema: { + topColor: { + type: 'color', + label: 'Top color', + }, + }, + default: { + topColor: [0, 0, 0], + }, }, placement: 'floor', - createInstance: () => { + createInstance: ({ options, findMaterial }) => { + const topMaterial = findMaterial('__X_BODY__'); + + const applyTopColor = () => { + const [r, g, b] = options.topColor; + topMaterial.albedoColor = new BABYLON.Color3(r, g, b); + }; + + applyTopColor(); + return { + onOptionsUpdated: ([k, v]) => { + applyTopColor(); + }, interactions: {}, }; },