Automated 3D Model Conversion and Visualization Platform for Engineering Workflows

Client Name
Hong Kong Based Client

  • Technologies

    Node.js, Python, React, HOOPS Exchange, HOOPS Communicator

  • Domain

    CAD/CAM, Manufacturing

  • Country

    Hong Kong

Client Overview

Our Hong Kong-based client to building engineering software focusing on streamlining project workflows by replacing dependency on third-party platforms. The software will run in a browser-based environment where users can visualize 3D models, manage planning data, and streamline cost tracking, all while maintaining full control over sensitive project files. The vision centered around building a secure, flexible system tailored for the engineering and manufacturing sectors.

Project Overview

The client approached us to build a self-hosted 3D configuration platform that automates the processing of CAD files and enables powerful in-browser interaction. Users can upload CAD files to cloud storage, which are then automatically converted into formats supported by HOOPS Communicator, such as .scs, .xml, and .step, using HOOPS Exchange. A backend service monitors uploads and triggers the conversion process via webhooks.

 

The platform’s frontend allows users to interact with 3D models using advanced tools like rotate, zoom, explode, section cuts, and measurements. It supports multiple models in a single view and includes a custom shape tool for wrapping components in resizable boxes or spheres, which can be saved and reloaded as needed.

Challenges

1. Multi-User WebSocket Configuration
The 3D viewer server required individual WebSocket connections for each user, but lacked support for handling multiple sessions through a single exposed port, complicating deployment and scalability.
2. No Native Support for Shape Resizing
The client needed a feature for users to draw and resize custom shapes (e.g., boxes, spheres) around model elements, which was not natively supported by the visualization SDK.
3. Multi-Model Contextual Viewing
The platform had to allow multiple models to be loaded into a shared space while maintaining spatial relationships and performance.

Solutions

Smart WebSocket Routing
We implemented reverse proxy logic and dynamic port mapping to allow a single entry point to handle concurrent WebSocket traffic, eliminating the need to expose multiple ports.

Interactive Shape Tool
A custom drawing module was integrated into the HOOPS Communicator viewer, enabling users to create and resize shapes interactively with live handles and visual overlays. These were attached to specific model nodes for accuracy.

Shape Storage
All shape metadata was serialized into custom-structured files and stored in cloud storage. When reloaded, the viewer reconstructed shapes with the exact dimensions, positions, and associations.

Multi-Model Loading System
Using HOOPS Communicator’s tools, we configured the viewer to support synchronized loading of multiple 3D models, preserving their contextual alignment and enabling side-by-side analysis and interaction.

Benefits

1. Complete Data Security and Ownership
Clients maintain full control of their sensitive 3D models and project files, and everything stays within their private infrastructure, ensuring maximum privacy and compliance.
2. Automated File Handling
File uploads, conversions, and model processing are fully automated, significantly reducing manual effort and turnaround time.
3. High-Performance Browser Viewer
Users can interact with detailed 3D models from any modern browser—no local installations or specialized hardware required.
4. Enhanced Project Collaboration
Multi-model support enables teams to compare different components or projects in one view, streamlining collaboration and decision-making.

Testimonial

“Partnering with ProtoTech was a game-changer for our engineering platform. They understood our complex needs and delivered a robust 3D model viewer with seamless file conversion and shape customization features. The result? Faster workflows, better collaboration, and complete control over our data."

Vincent Leung

Head of Technical Operations

Need Help with Your Ongoing Projects?

Have questions? Connect with us today! Explore how our innovative technology can optimize your projects and drive success. Together, we’ll take your business to the next level!

Edit Template
Back