# A Toyota Supra that reflects itself, in the browser

> A real-time WebGL car demo with depth of field and screen-space reflections, where body panels, glass and chrome reflect the environment and the car.

Canonical page: https://andersonmancini.dev/blog/toyota-supra-realtime-car

Published: 2026-08-22 · 1 min read · Tags: three.js, webgl, automotive, ssr, launch

A car is a hard test for a real-time renderer. It has curved glossy panels, glass and chrome, and the eye is very good at noticing when reflections are wrong. This demo was built to push how far a full 3D car can look in the browser.

![The Supra render](https://andersonmancini.dev/images/toyota_supra.webp)

## What it shows

- Materials and lighting that **hold up under close inspection**.
- **Depth of field** post-processing that softens the frame for a cinematic read.
- **SSR**, screen-space reflections, driving live reflections: body panels, glass and chrome bounce the environment and even **reflect other parts of the car**, in real time.

## The point

A focused showcase of automotive rendering on the open web: depth, shine and self-reflection, with no pre-rendered images.

## Try it

The demo is live at [toyota-neotix-demo.vercel.app](https://toyota-neotix-demo.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/toyota-supra.md).

## Related projects

- [Toyota Supra](https://andersonmancini.dev/projects/toyota-supra.md) — Realistic web-based car rendering