Design Previewer

Role: Freelance Developer

Tools Used: Unreal Engine 5, C++, Custom Widgets

Overview:I developed an interactive Design Previewer application for Streamoid using Unreal Engine 5. The application allows users to place, scale, and rotate designs on a 3D garment model in real time, providing a seamless and interactive design preview experience. All the programming for this application was done in C++ to ensure high performance and flexibility.

My Contributions:

1. HUD and Interface Design:

   • Designed and implemented the main HUD to store a list of available designs and colors, making it easy for users to select and apply designs to the garment model.

2. Scaling and Rotation Widgets:

   • Developed a custom scaling widget and rotation icon widget to allow users to scale and rotate the design on the garment model. The rotation icon also replaced the mouse cursor for intuitive interaction.

3. Pawn and Model Setup:

   • Set up the player pawn with the garment model and camera, enabling users to interact with the 3D model and freely rotate it using player input.

4. Design and Color Customization:

   • Implemented logic to allow users to change the design and color of the garment in real time, providing an interactive and flexible design tool.

5. Widget Logic and Interaction:

   • Ensured the scaling widget always appeared in front of the design in 2D space and properly scaled and rotated with the 3D garment. I also implemented logic to allow interaction between the widget and the 3D decal, making the scaling and rotating actions intuitive.

6. 3D Model and Surface Alignment:

   • Developed logic for moving, scaling, and rotating the design on the 3D model, ensuring it aligned correctly with the garment surface.

7. Lighting Setup:

   • Applied 3-point lighting to enhance the appearance of the garment model and make it visually appealing in the previewer.

Programming:

• All programming for the application was done in C++, which allowed for greater control over performance and functionality. This was especially important for ensuring smooth interactions with the 3D model and design preview process.

Impact & Results:This Design Previewer provided a powerful tool for Streamoid, enabling clients to quickly and efficiently preview garment designs in a 3D space. By using Unreal Engine 5 and C++, I was able to deliver a high-quality, interactive experience that met the client’s needs while maintaining performance and scalability.