Skip to content

tingchu0309-droid/web-based-3d-asset-inspection-tool

Repository files navigation

Web-Based 3D Asset Inspection Tool

A lightweight web-based 3D inspection tool for engineering assets, supporting OBJ/MTL visualization, bounding box analysis, and interactive geometry exploration.

Features

  • Load and display 3D models (OBJ+MTL format)
  • Interactive camera controls (orbit, zoom, pan)
  • Scene helpers including grid, axes, and lighting
  • Basic geometry visualization for engineering use cases
  • Model inspection workflow for engineering-style 3D review

Tech Stack

  • React
  • Vite
  • Three.js

Motivation

This project is inspired by my experience working on industrial software systems involving CAD, geometry processing, and 3D visualization.

It demonstrates how engineering models can be visualized and interacted with in a web-based environment, similar to real-world applications in automation, layout planning, and engineering design tools.

What I Learned

  • Integrating Three.js with React for real-time rendering
  • Handling 3D geometry and scene management
  • Building interactive visualization tools for engineering workflows

Demo

CAD Viewer Demo CAD Viewer Demo

How to Run

npm install
npm run dev
Node.js 18+
Then open the local Vite URL in your browser

About

Web-based 3D asset inspection tool built with React and Three.js, designed for engineering visualization and system integration workflows.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors