CorePlus – Image Gallery
🔧 Overview
The CorePlus Image Gallery is a feature-rich template for Unreal Engine that makes it easy to display images in your UI. It includes:
A Main Widget that controls gallery logic.
Two example galleries with prebuilt layouts: horizontal and vertical.
Support for three types of image sources:
In-Game Images (textures already in your project)
Local Images (files from the user’s device)
Internet Images (downloaded dynamically)
📁 Accessing the Plugin Content
Before you begin using CorePlus AR, you need to access the plugin content. There are two ways to do this:
✅ Method 1: Project Plugin Folder (Editable)
Copy CorePlus Plugin from:
To:
In Unreal Editor:
Open Content Browser
Click the ⚙️Settings Option (top-right)
Enable Show Plugin Content
You’ll now see:
Pros
✅ Easy access and customization
✅ Built directly into your project
✅ Editable plugin files
Cons
⚠️ No auto-updates — you must update it manually
✅ Method 2: Engine Plugin Content (Auto-updating)
Enable CorePlus Plugin via the Plugin Manager
In Content Browser:
Open Content Browser
Click the ⚙️Settings Option (top-right)
Enable Show Engine Content
Navigate to:
Pros
✅ Always up-to-date with Unreal Engine
Cons
⚠️ Plugin content is not directly editable
Tip: Choose the method that best fits your workflow — editable plugin content or automatic updates.
🗺️ Explore the Example Map
Once you’ve enabled access to the plugin content, open the example map to preview the gallery system:
This map showcases:
A full-size image viewer
A thumbnail-style image bar
Both come in horizontal and vertical layouts to fit different UI needs.
🧩 How to Use in Your Project
📁 Navigating the Gallery Blueprints
To implement or modify the gallery, go to:
Inside, you’ll find:
A Menu folder (used for navigation in the demo—optional)
An ImageGallery folder (main components and examples)
Within ImageGallery, explore:
Example: Showcases working setupsComponents: Reusable parts to build your own galleries
🛠️ Creating Your Own Image Gallery
Here’s how to build a custom gallery:
1. Create a New Widget
Make a child widget of:
Example: WBP_CorePlus_ImageGallery_FullSize_Horizontal
2. Design the Layout
Open the widget.
Add a ScrollBox where you want the gallery to appear in the Designer tab.
Place it inside a Canvas Panel for full-view galleries, but you can use any container.
3. Set ScrollBox in the Graph
In the Graph, assign your ScrollBox to the plugin’s
ScrollBoxvariable.
This completes the base gallery setup!
🖼️ Loading Images Into the Gallery
The plugin supports three image sources. Here’s how to configure each:
🔹 In-game image Gallery
Open the widget and click Class Defaults.
Set your images in the variable:
In the Event Construct, or when you want to load the library, call function:
🔹 Local Image Gallery
In the Event Construct, or when you want to load the library, call function:
Provide the search locations where the images are stored on the device.
🔹 Internet Image Gallery
Open the widget and click Class Defaults.
Set your images in the variable:
In the Event Construct, or when you want to load the library, call function:
Load Internet LibraryPass the
Global Save Pathfor downloaded images save path.
📎 Related Links
Tags
Unreal Engine, CorePlus Plugin, Image Gallery, Unreal Engine UI, Game Development, UE5 Tutorial, UI Design, Plugin Setup, Dynamic Gallery, Sci-Fi UI, Local Image Loader, Internet Image Loader, In-Game Textures, Blueprint Widgets, Unreal Engine Plugins
