Add display name texture property

packages/dev/core/src/Materials/Textures/baseTexture.ts

@@ -42,6 +42,12 @@ export class BaseTexture extends ThinTexture implements IAnimatable {
     @serialize()
     public name: string;
 
+    /**
+     * Define the display name of the texture, which is used as tree item name of the dedicated node in the inspector
+     */
+    @serialize()
+    public displayName: string;
+
     /**
      * Gets or sets an object used to store user defined information.
      */

packages/dev/inspector/src/components/actionTabs/tabs/propertyGrids/materials/texturePropertyGridComponent.tsx

@@ -315,6 +315,13 @@ export class TexturePropertyGridComponent extends React.Component<ITextureProper
                     onPropertyChangedObservable={this.props.onPropertyChangedObservable}
                 />
                 <LineContainerComponent title="GENERAL" selection={this.props.globalState}>
+                    <TextInputLineComponent
+                        lockObject={this.props.lockObject}
+                        label="Display name"
+                        target={texture}
+                        propertyName="displayName"
+                        onPropertyChangedObservable={this.props.onPropertyChangedObservable}
+                    />
                     <TextLineComponent label="Width" value={texture.getSize().width.toString()} />
                     <TextLineComponent label="Height" value={texture.getSize().height.toString()} />
                     {texture.is2DArray && <TextLineComponent label="Layers" value={texture._texture?.depth.toString() ?? "?"} />}

packages/dev/inspector/src/components/sceneExplorer/entities/textureTreeItemComponent.tsx

@@ -20,7 +20,12 @@ export class TextureTreeItemComponent extends React.Component<ITextureTreeItemCo
     override render() {
         return (
             <div className="textureTools">
-                <TreeItemLabelComponent label={this.props.texture.name} onClick={() => this.props.onClick()} icon={faImage} color="mediumpurple" />
+                <TreeItemLabelComponent
+                    label={this.props.texture.displayName || this.props.texture.name}
+                    onClick={() => this.props.onClick()}
+                    icon={faImage}
+                    color="mediumpurple"
+                />
                 <ExtensionsComponent target={this.props.texture} extensibilityGroups={this.props.extensibilityGroups} />
             </div>
         );