/* * SPDX-FileCopyrightText: syuilo and misskey-project * SPDX-License-Identifier: AGPL-3.0-only */ import * as BABYLON from '@babylonjs/core'; import { defineObject } from '../object.js'; import { createPlaneUvMapper, normalizeUvToSquare } from '../../utility.js'; export const djPlayer = defineObject({ id: 'djPlayer', name: 'djPlayer', options: { schema: { screenBrightness: { type: 'range', label: 'Screen brightness', min: 0, max: 1, step: 0.01, }, customPicture: { type: 'image', label: 'Custom picture', }, fit: { type: 'enum', label: 'Custom picture fit', enum: ['cover', 'contain', 'stretch'], }, }, default: { screenBrightness: 0.35, customPicture: null, fit: 'cover', }, }, placement: 'top', hasCollisions: false, hasTexture: true, createInstance: async ({ model, options, scene }) => { const screenMesh = model.findMesh('__X_SCREEN__'); const screenMaterial = model.findMaterial('__X_SCREEN__'); const defaultScreenTexture = screenMaterial.emissiveTexture; normalizeUvToSquare(screenMesh); const updateUv = createPlaneUvMapper(screenMesh); const applyFit = () => { const tex = screenMaterial.emissiveTexture; if (tex == null) return; const srcAspect = tex.getSize().width / tex.getSize().height; const targetAspect = 15.6 / 8.33; updateUv(srcAspect, targetAspect, options.fit); model.updated(); }; applyFit(); const applyScreenBrightness = () => { const b = options.screenBrightness; screenMaterial.emissiveColor = new BABYLON.Color3(b, b, b); }; applyScreenBrightness(); const applyCustomPicture = () => new Promise((resolve) => { if (options.customPicture != null && options.customPicture !== '') { screenMaterial.unfreeze(); const tex = new BABYLON.Texture(options.customPicture, scene, false, false, undefined, () => { screenMaterial.emissiveTexture = tex; applyFit(); applyScreenBrightness(); resolve(); }, (message, exception) => { console.warn('Failed to load texture:', message, exception); screenMaterial.emissiveColor = new BABYLON.Color3(0, 1, 0); screenMaterial.emissiveTexture = null; resolve(); }); tex.level = 0.5; } else { screenMaterial.emissiveTexture = defaultScreenTexture; applyFit(); resolve(); } }); await applyCustomPicture(); return { onOptionsUpdated: ([k, v]) => { switch (k) { case 'screenBrightness': applyScreenBrightness(); break; case 'customPicture': applyCustomPicture(); break; case 'fit': applyFit(); break; } }, interactions: {}, }; }, });