top of page
IHD.png

*Render created using the Interactive Home Designer​

​

Hearts:Vido

PCI Enterprises

About:

At PCI Enterprises, I am working on designing and developing the 'Interactive Home Designer' (IHD) for 3D artists at the company to use in product visualization. With this application, artists can quickly build environments, place company products, set up cameras, and batch render thousands of images for each product style and color.​​

​

Hearts: About

Key Features

Material Library and Editable Dynamic Materials​

​

  • Designed and developed a material library that can be accessed during runtime

    • Materials can be dragged and dropped onto the material slots of the selected asset

  • Created a master material with a variety of scalar parameters that can be adjusted by during runtime​

Asset Library and Transform Controls​

​

  • Designed and developed an asset library that can be accessed during runtime

    • Assets can be dragged and dropped into the scene​​

  • Assets can be moved, rotated, and scaled one of two ways:

    • Through a 3D gizmo in the scene​

    • Through a details menu where the user can input exact numbers

  • Users can turn on and off snapping for transform controls in the details menu

    • Values can be input to specify what values the transformation snapping is set to​

Tiling Tool and Product Selection​

  • Created a tiling menu that allows users to quickly tile the selected asset in the scene

    • This menu takes an amount for how many assets to tile in each axis, as well as an amount for the distance between each tiled asset in each axis​

  • Designed and developed the product selection menu

    • ​Users can select the product style that the want to display in the scene as well as the color​​

    • Selecting a new style or color will automatically update all products in the scene, including tiled products

Light Editor

  • Designed and developed a light editor menu​

  • Settings for selected lights can be updated through this menu during runtime

Initial Wireframing in Miro

Designed all UI and mapped out the functionallity of the application through Miro 

Menu Layout

GreyboxingMenus.JPG

Began with blocking out the general layout that would be consistent between all three modes

Designer Mode

DesignerMode.JPG
  • Build environments and save them as presets to be loaded later

  • Add assets to the scene through the Asset Library

    • Move, rotate and scale assets in the scene​

  • Change materials on models through the Material Library

    • Adjust  material parameters through the material details menu​

  • Edit lighting in the scene, including the directional light and HDRIs

​

Rendering Mode

RenderingMode.JPG
  • Set up cameras (position, rotation, and camera settings)

  • Adjust post process settings

  • Add product styles and colors for render

  • Batch render all selected cameras, product styles, and colors

3D Viewer

3DViewer.JPG
  • Displays the product in a 3D Viewer, where the user can rotate around the model

  • ​Select product styles and colors to show in the scene

  • Adjust the directional light and HDRI in the scene

  • Set camera positions to render product images

  • Add product styles and colors for render

  • Batch render all selected cameras, product styles, and colors

©2023 by Izzy Rollo. Created with Wix.com

bottom of page