Software / E-Commerce•February 2018

Baetes

Three.js3DVisualizationAngular.jsE-Commerce

Browser 3D Rendering

Specialty

Three.js, WebGL & GLSL

Graphics Stack

AngularJS & Node.js

App Stack

The Idea & Challenge

Rendering complex 3D product configurations and stage lighting simulations directly inside client web browsers with fast load times and high visual fidelity.

Role & Technical Scope

Frontend and 3D graphics engineer developing interactive 3D product configurators, virtual 3D shops, and performant Three.js visualisations, alongside Angular and Node.js application integration.

Outcome & Learning

Delivered interactive 3D web experiences, product configurators, and virtual 3D shops with fast load times and optimized rendering.

Interactive 3D Product Configurators: Built browser-based 3D product configurators and virtual 3D shops using Three.js and WebGL, allowing users to customize and explore products in real time.
Performant 3D Visualizations: Engineered optimized 3D scenes and customized lighting setups to ensure smooth frame rates and rapid loading times in the browser.
Full-Stack Application: Integrated interactive 3D modules into Angular front-end architectures supported by Node.js backend services.

Project Media & Visuals