Dynamic Picture Frames is a set of frames that, no matter how you resize it, you never get distorted borders and patterns. It comes with 6 frame styles that you can customize to an infinite variety. It also allows you to split the frame in more pieces to create very stylish environments.

To use it, drag the BP_DynamicFrame Blueprint from the DynamicPictureFrames folder into your level. Then customize its properties to display the desired texture.

Here's a demonstration video.

I shot the pictures myself, so you can use them without issues.

Everything is built using HISM for maximum performance, using the least possible draw calls, and it's static to work with static lighting.

Features

• Change the picture.

  • Picture can be Texture2D or RenderTarget. Possibly media texture, with changes to the main material.

• Resize without distorting the frame sides.

• Choose frame style and customize color.

• Set the frame thickness or remove it completely.

• Set different colors for the corners.

• Set margins size and color.

• Set backside (back plate) color.

• Toggle glass and its depth.

• Set canvas' depth.

• Split canvas in separate pieces (the picture adapts).

• Optional collision: a box surrounding each canvas piece.

Project contents

• 1 Sample Map with frames examples

• 1 Blueprint class

• 11 Texture Maps and another 28 Picture Textures

• 14 Static Meshes

• 2 Master Materials and 16 Instances

• 1 Material Function

• 2 Structs

• 1 Enumerator

Technical Specs

• Vertex Count: Average of 50~100, depending on frame style.

• LODs: All meshes use Nanite. As fallback, at least 3 LODs for each frame model.

• Supported Development Platforms: Windows, MacOS, Linux

• Supported Target Build Platforms: Windows, MacOS, iOS, Android

Changelog

• v2.5 - UE 5.5 - 2024/03/31

  • Fix bug that made custom frame color get stuck even after setting CustomFrameColor to false and calling BuildFrame.

• v2.4 - UE 5.4 - 2024/09/19

  • Add support to TextureRenderTarget2D as picture by using Texture as type for the Picture property.

  • All meshes are Nanite-enabled. This fixes bad LODs on the frames.

  • Margins use primitive data parameters for their colors, for better instance batching when rendering. I.e.: less draw calls.

  • Reorganize materials for readability, using named reroutes.

  • Update example level fixing an issue with a dynamically set frame and set a frame as example of using render targets.

• v2.2 - Canvas Emissive power per instance.

• v2.0

  • Frame mobility (Static, Stationary and Movable) per instance;

  • Its picture and size can be set in runtime by calling the SetPicture_Simple function (only when it's Movable). These features require UE 4.22+.

• v1.1 - Added backside to the frames without additional draw calls. Backside color is customizable.