Skip to content
NOVATECH
Let's Talk

Creative & 3D Web · 2026 · NOVATECH concept (self-initiated)

Apex Helmet Studio

A real-time 3D racing-helmet configurator that runs in the browser, rendered in up to 4K.

3D racing helmet in neon lime with black circuit-trace livery, rendered in the Apex Helmet Studio configurator
  • The same helmet in the Ember colourway: black shell with an orange side swoosh and race number 17
Challenge
Motorsport and gear brands sell custom products that customers want to see before they buy. A flat colour picker cannot show how a livery wraps around a curved shell, how a visor tint reads in light, or how a gloss finish differs from matte.
Solution
A WebGL configurator built entirely in code, with no 3D files to download. The F1-style shell is sculpted and its eye slit is cut as a smooth curve. A 4096 × 2048 livery is repainted live for every change of colour, pattern, finish and race number. Details include a wrap-around visor in three tints, carbon-fibre vents, a clear rear spoiler, HANS posts and knitted padding, all lit by a studio reflection rig.
Technology
  • Three.js
  • WebGL
  • PBR materials
  • Canvas textures
  • 4K rendering

Open the live demo ↗. Drag to orbit, scroll to zoom, and switch to 4K under Render quality.

Apex Helmet Studio is a NOVATECH concept, built to show how a product configurator can feel like a showroom rather than a form. It is not a client project and no sales results are claimed.

What it does

  • Four team colourways, eight base and seven accent colours, and four livery patterns, including NOVATECH's own Circuit design.
  • Gloss, satin-matte and metallic-flake paint, each with its own clearcoat behaviour.
  • Clear, smoke and iridium visors, a custom race number, and a photo mode that hides the interface.
  • A 4K mode that renders the stage at 3840 × 2160 on capable hardware, and a lighter default for laptops and phones.

How it is built

The shell is a sphere reshaped by a sculpting function (chin bar, occipital bulge, jaw taper). The visor opening and vents are superellipses, so every edge stays smooth at any resolution. Textures for the paint, carbon weave, padding and vent mesh are all generated in the browser.