A custom 3D rendering engine built with Three.js that dynamically parses architectural JSON data to construct a real-time interactive 3D scene.
- Dynamic Geometric Construction: Procedural generation of 3D walls and floors based on vertex-line-area hierarchy.
- Automated Asset Mapping: Logic to place 3D GLB models (Items & Holes) using coordinate translation and offset-based interpolation.
- Smart Camera System: Automatic scene centering based on the calculated bounding box of the layout.
- Export Functionality: Integrated high-quality PNG rendering via keyboard input.
- Math: Used Trigonometry (atan2) for wall orientation and linear interpolation for door placement.
- Graphics: Utilized
MeshStandardMaterialfor realistic lighting response andGLTFLoaderfor asset management.
- Serve the folder using a local server (e.g., VS Code Live Server).
- Use Mouse to orbit, pan, and zoom.
- Press SPACE to generate a high-quality rendered image.