Interior Decorating with Mixed Reality
DESCRIPTION OF PROJECT
By starting with the easy to use low code Power App platform, I created this Interior Designing Mobile App to view 3D models of household items and play around with their placement as holograms in mixed reality. With eight different items to choose from, you can determine if you should stage a table, monitor and chair combo for an office or choose for the space to have a sofa and an armchair for lounging instead.
Features
Built on Power Apps
This app is created with the Microsoft Power Apps platform to create the main framework of the app . The only code I applied is logic for the filtering feature.
Explore 3D Model
To explore the item as a 3D model, the file is saved as .glb file type to explore the items from all angels and sizes within in a digital space.
View in Mixed Reality
By leveraging the no-code aspects of Power Apps, this application includes the "View in MR" button that allows the 3D model to switch to a holographic in the physical world.
Project Details
Starting with the dataset, I had to list out all the properties the power app would need to call functions for. The features of each household item needed a Name, Price, Description, Category and file locations for both the saved pdf Photo and the glb 3D Model. These images were saved on a OneDrive folder within the same folder as this spreadsheet to make sure the data knew where to pull from. Another important step was making sure the data was marked as a table so the power app could easily categorize the dataset.
In order to pull in the data table, I used Connector to select One Drive for Business, where I stored the spreadsheet and the two versions of the images (3D Model and PDF).
Next, I created the main display page of the app. It includes a text box to title the page, a drop-down menu for filtering through the items by category and a vertical gallery insert to pull in the products dataset. With this being a low-code solution, the only code on this application is in the logic for the category filtering. When you select a category, the display will condense the list to either Kitchen, Living Room or Decor.
Once you click on one of the items from the main page, you will then navigate to the Product Page, where the no-code solution of the 'View in 3D' feature is showing the .glb version of the products image. For functionality purposes, I've also added the text box to show the Title, Description and Price of the item selected so that you can have all the products details in front of you as you twirl through the 3D model.
Finally, you can select the no-code button from Power Apps to "View in MR" in order to cross over the digital world into the physical world.
Note: you must use a device with a camera for this feature, desktop machines will not work for this feature. I downloaded the Power Apps Application on my mobile device, ran my app within my productvitiy tenant then walked around the holographic item in my home!
Feel free to browse the videos below to see the application in action!
(click to start/pause videos)
References:
Creating Mixed Reality Apps with Microsoft Power Apps | Docs
March 2022
Thank you for checking out my app, click here to view more of my projects
