3D models created for real-time applications must strictly adhere to polygon budgets, texture memory limits, and draw call constraints. Too often, 3D artists, game developers, and AR/VR engineers only discover mesh performance issues after importing assets into game engines or mobile viewports.

To streamline this validation process, we built the Atlyxen Universal 3D Viewer—a high-performance, client-side Three.js model inspector running directly in browser memory.

Here is how we architected real-time polygon telemetry and PBR material inspection using Three.js and WebGL.

1. Calculating Real-Time Polygon Telemetry

When an asset (GLB, GLTF, OBJ, STL, FBX) is dropped into the viewport, the Three.js scene graph traverses the root hierarchy:

let totalTriangles = 0; let totalVertices = 0; let drawCalls = 0; scene.traverse((child) => { if (child.isMesh && child.geometry) { drawCalls++; const geometry = child.geometry; if (geometry.index) { totalTriangles += geometry.index.count / 3; } else if (geometry.attributes.position) { totalTriangles += geometry.attributes.position.count / 3; } if (geometry.attributes.position) { totalVertices += geometry.attributes.position.count; } } });

This telemetry gives artists instant visibility into whether a model meets mobile AR (under 100k triangles) or high-end desktop requirements.

2. PBR Material Inspection & Shader Manipulation

The viewer provides granular control over Physically Based Rendering (PBR) channels:

  • Roughness & Metalness Overrides: Validate micro-surface properties and metallic reflections without reloading texture maps.
  • Normal Map Intensity: Real-time normal perturbation tuning to verify tangent space accuracy.
  • Wireframe & Sub-Mesh Overlays: Toggle individual sub-mesh wireframes to inspect edge flow, topology, and non-manifold geometry.

3. High-Fidelity Studio Lighting

A model's appearance drastically shifts depending on environmental illumination. The viewer includes studio HDRI presets, directional key lights, and customizable ambient fill lights to evaluate model behavior under varying lighting conditions.

Zero Server Uploads

Because all parsing and rendering occurs directly on the client's GPU via WebGL, sensitive 3D CAD assets and unreleased gaming models remain 100% private.

Test your 3D models with the free Atlyxen Universal 3D Viewer.

Explore 100+ browser tools at Atlyxen Tools or learn about our full engineering pipelines at Atlyxen Studios.