A web-based 3D model viewer for Ghost’s Clients to view and take screenshots of their medical device models.
Project Duration and Platform:
The application was built using Unity 6 for the web platform and implemented the latest cutting edge technologies for fast rendering and load times including WebGPU, Unity’s Universal Render Pipeline, and Web assembly. I worked on this project for roughly 5 months.
My Role:
Konjure Studio is a web based 3D model viewer custom built for Ghost Medical clients. I built Konjure from the ground up to replace Ghost’s old and aging 3D model viewer. Konjure was built from the ground up by myself and with input from the art team who were familiar with the older application. I gathered feedback on what the issues were with the older application from various directors and artists at the company and used their feedback to plan and develop the new Konjure application. Two key areas that Konjure needed to execute on were the ability for the user to easily create and download screenshots after manipulating the camera’s view of the model, and fast and efficient tooling for creating new product showcase scenes easily.
In service of those needs, I built a powerful and fluid camera system for orbiting and viewing the model using Cinemachine. I then built screenshot functionality that allowed the user to create a nearly endless amount of gorgeous product showcase images with three different levels of resolution (1080,4K,and 8K). Additionally, the user could use a color picker to choose between a wide range of colors for the image background, or optionally to use a transparent background.
In order to deliver on making the creation of product showcase scenes quickly and efficiently, I created an automated build pipeline that included automated testing and project validation to enforce standards and rules across the project to ensure that builds reliably correct, ensuring that the artists vision was carried throughout the process with minimal time spent debugging during Look-Dev. This also helped ensure that build page load times were kept to a minimum, which is one of the primary concerns when building a web-based application. In terms of making the process of creating a new product showcase scene more efficient, several actions were taken. Previously artists had to manually configure camera parameters and configure colliders which was slow, and prone to human-error. In Konjure, in order for the artist to create a new product showcase scene all they would need to do is create a new scene via a pre-configured template, add the 3D model to the scene, and then bake the lighting. Then they simply needed to make a new data object which linked to that scene, and configure a small selection of variables. With the heavy usage of data oriented design in the project using Unity’s scriptable objects, this allowed artists to rapidly create scenes knowing that their vision would be carried out and that things would just work without having to worry about underlying implementations. This efficiency increase was important as the artists might be responsible for turning around 10 or more product showcase scenes in a short period of time.
Key Application Features and functionality I implemented:
Modern version of Unity and its universal render pipeline
WebGPU support with fallback to WebGL if needed
A robust application initialization controller that relied on data assets to load product scenes for the user
Easily enforced development guardrails and rules using Odin Validator
Screenshot feature and the ability to download the screenshot using native browser functionality
Desktop and mobile browser support
Robust scriptable object application architecture making extending functionality trivial
A powerful implementation of Unity’s Cinemachine for an easy to manipulate camera system
An automated test suite that would run in conjunction with a custom build process to ensure build integrity
The ability for the artist to create annotations and highlight aspects of the model with a text blurb description per annotation.
A robust layer system allowing users to hide and show aspects of the product model
Application usage analytics