Start

Three.JS 3D Model Viewer

3D Visualization

This page documents a Three.js-based 3D model viewer with a custom SVG GUI, wireframe and pixelation rendering modes, and a lightweight custom outline shader.

Three.JS 3D Model Viewer

Interactive 3D Model Viewer

I refined my Three.js integration of the basic 3D viewer. In this step I implemented a completely new GUI using scalable SVG graphics and custom sliders, added the option to render models in wireframe mode, and introduced a pixelation effect for stylized rendering. At the same time, I removed the bloom effect due to alpha blending issues. I also substituted the standard Three.js OutlinePass with a lightweight custom MinimalOutlinePass shader that can generate dark outlines. This way the 3D viewer became both more functional and more visually consistent.

Loading model...

|

Polygons: 0

Upload no local file loaded

Three.js 3D model viewer with a custom outlinepass shader.