duckietm/Nitro-Cool-UI-Renderer
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI-Renderer.git synced 2025-06-21 15:06:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

WiP for the camera Thumbnail

Browse Source
This commit is contained in:
duckietm 2025-03-11 16:57:17 +01:00
parent 203de64746
commit c6ccfab5f5
2 changed files with 78 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/camera/src/RoomCameraWidgetManager.ts
View File

@ -67,7 +67,6 @@ export class RoomCameraWidgetManager implements IRoomCameraWidgetManager
}
else
{
//@ts-ignore
const newMatrix: ColorMatrix = [];
const otherMatrix: ColorMatrix = [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0];

108
packages/room/src/object/visualization/furniture/FurnitureDynamicThumbnailVisualization.ts
View File

@ -1,56 +1,104 @@
import { Texture } from 'pixi.js';
import { Texture, Graphics } from 'pixi.js';
import { IsometricImageFurniVisualization } from './IsometricImageFurniVisualization';
export class FurnitureDynamicThumbnailVisualization extends IsometricImageFurniVisualization
{
private _cachedUrl: string;
export class FurnitureDynamicThumbnailVisualization extends IsometricImageFurniVisualization {
private _cachedUrl: string | null;
constructor()
{
constructor() {
super();
this._cachedUrl = null;
this._hasOutline = true;
this._hasOutline = false; // Disable outline to avoid borders
}
protected updateModel(scale: number): boolean
{
if(this.object)
{
protected updateModel(scale: number): boolean {
if (this.object) {
const thumbnailUrl = this.getThumbnailURL();
if(this._cachedUrl !== thumbnailUrl)
{
if (this._cachedUrl !== thumbnailUrl) {
this._cachedUrl = thumbnailUrl;
if(this._cachedUrl && (this._cachedUrl !== ''))
{
if (this._cachedUrl && this._cachedUrl !== '') {
const image = new Image();
image.crossOrigin = 'anonymous';
image.src = thumbnailUrl;
image.crossOrigin = '*';
image.onload = () => {
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
image.onload = () =>
{
const texture = Texture.from(image);
const targetWidth = 32;
const targetHeight = 32;
canvas.width = targetWidth;
canvas.height = targetHeight;
context!.fillStyle = '#b0b0b0';
context!.fillRect(0, 0, canvas.width, canvas.height);
const aspectRatio = image.width / image.height;
let drawWidth = targetWidth;
let drawHeight = targetHeight;
if (aspectRatio > 1) {
drawHeight = targetWidth / aspectRatio;
} else {
drawWidth = targetHeight * aspectRatio;
}
const offsetX = (targetWidth - drawWidth) / 2;
const offsetY = (targetHeight - drawHeight) / 2;
context!.drawImage(image, offsetX, offsetY, drawWidth, drawHeight);
const texture = Texture.from(canvas);
texture.source.scaleMode = 'linear';
this.setThumbnailImages(texture);
this.setThumbnailImages(texture, scale);
};
}
else
{
image.onerror = () => {
console.error('Image load failed:', thumbnailUrl);
};
image.src = thumbnailUrl;
} else {
this.setThumbnailImages(null);
}
}
}
return super.updateModel(scale);
}
protected getThumbnailURL(): string
{
throw (new Error('This method must be overridden!'));
protected getThumbnailURL(): string {
return
}
}
protected setThumbnailImages(texture: Texture | null, scale: number = 1): void {
super.setThumbnailImages(texture);
if (texture && this.sprite) {
this.sprite.texture = texture;
this.sprite.width = texture.width * scale;
this.sprite.height = texture.height * scale;
this.sprite.anchor.set(0.5, 0.5);
if (this.sprite.mask) {
this.sprite.mask.destroy();
this.sprite.mask = null;
}
const mask = new Graphics()
.beginFill(0xffffff)
.drawRect(-texture.width / 2, -texture.height / 2, texture.width, texture.height)
.endFill();
this.sprite.addChild(mask);
this.sprite.mask = mask;
console.log('Sprite updated:', this.sprite.width, 'x', this.sprite.height);
} else if (!texture) {
if (this.sprite && this.sprite.mask) {
this.sprite.mask.destroy();
this.sprite.mask = null;
}
console.log('Thumbnail cleared');
}
}
}