3D Model Interaction in Your Web Browser

Year

March 2023

Technologies

Three.js, Node.js, Express.js, Postgresql, Html, Css, Javascript, opencascade.js

Brief

"Drive Experts" is a cutting-edge web-based Computer-Aided Design (CAD) solution that empowers users to seamlessly load and interact with 3D models directly within a web application. This project offers a comprehensive set of tools and features to manipulate 3D models, create custom designs, and prepare them for 3D printing.

The aim of the project:

The project's objective was to develop a web application capable of rendering STEP models with dedicated colors, enabling users to create and modify designs according to their preferences. Subsequently, the application would facilitate the ordering process, allowing users to select personalized material options, colors, 3D printer specifications, and additional parameters.

What we did:

To achieve these ambitious aims, our team undertook the development of a robust web platform, delivering the following key components:

3D Model Viewing:

The core feature of Drive Experts is the ability to load 3D STEP models into a web-based 3D viewer. Users can examine, rotate, and zoom in/out on the model for a detailed inspection.

Manipulation Tools:

Users have access to a wide array of tools to manipulate the loaded 3D model. These tools allow for actions such as Drawing, Cutting, rotating and scaling the drawn objects etc…

Sketching and Drawing:

The platform enables users to draw various shapes directly on the 3D model, including circles, rectangles, ellipses, and custom shapes. Additionally, a library of pre-built shapes like key-hole, compact power modules, Shape mounting etc are available to draw on the model.

Pattern Creation:

Users can create patterns on the drawn objects, including rectangular, circular, and linear patterns. This feature simplifies the process of designing complex structures.

Distance Measurement:

Drive Experts offers a distance measurement tool to determine the precise distance between objects within the 3D model.

Editing Tools:

Users can perform various editing actions on objects within the model, such as moving, trimming, cutting, copying, pasting, and deleting objects, to refine their designs.

Cutting and Depth Control:

After sketching, users can cut out the model based on the sketch Sketch Types: The platform provides various sketch types such as cutouts, graphics, masking, references, and exclusions, offering flexibility for complex designs.

Model Export:

Drive Experts enables users to export their manipulated 3D models for use on their local machines or in other applications.

3D Printing Integration

After users have perfected their designs, they can proceed to check out and order the 3D printed model. The project includes an integrated system to facilitate the 3D printing process.

In summary, the client wants to create a user-friendly, web-based CAD solution that simplifies 3D modeling, enables users to manipulate models, save cutouts, and seamlessly integrates 3D printing into the design and production processes.

Next Project

Testimonial

Hats off Hexa, With its user-friendly interface and seamless functionality, I can easily upload and share my 3D models with clients and collaborators all over the world. The level of customization available with the 3D Online Viewer is truly remarkable, and I am able to adjust lighting, texture, and other elements to create a truly immersive experience.

Francisco Lara - Paco

With its seamless integration with React, I can easily incorporate stunning 3D elements into my projects without having to worry about complicated code or compatibility issues. The level of flexibility and customization provided by Hexa Team with this integration is truly amazing.

C Tan, Ttmedia Pte ltd

I'm developing a game, building a virtual reality experience, or showcasing a product design, the JavaScript 3D web player customizationservice with WebGL a plus has become an essential tool in my toolkit. I am absolutely thrilled with the teamwork displayed by Hexa Coder team! Their level of professionalism, dedication, and collaboration has completely transformed the way I approach projects and achieve my goals.

Joe Wehinger – ROI Jolt

My MVP project done by professional, quality and dedication. Dipen, Harshil and team are super professional team. Never disappoint with their output. Any 3D, Programming, Three.js work - i have no hesitation recommending Dipen and the team.

Harish Boke, PDome

I am absolutely blown away by the 3D configurator service by Hexa Coder! With its intuitive interface and seamless functionality, I can easily create and visualize intricate 3D models in real-time. The level of customization available is truly remarkable, and the attention to detail is unparalleled.

Andrew Lloyde, Omnibiz

This powerful library has completely transformed the way I create and showcase 3D graphics and animations. Thank you so much to Hexa Coder Team. With its advanced features and extensive capabilities, I am able to create stunning visualizations and interactive experiences that truly captivate and engage my audience. The level of flexibility and customization provided with three.js is truly remarkable, and I am constantly amazed by the results I am able to achieve.