Showroom Image Compositor

Proof-of-concept for client-side projection: Blender pre-renders the scene geometry and perspective; the browser projects a wall texture and composites a car cutout on the floor.
  • Static assets: background, mask, and UV map from Blender
  • Per-pixel UV lookup: sample the upload at precomputed coordinates
  • Car upload: background removal via the car API, then floor placement with cast shadow
  • Local assets under /images/showroom/ for now (S3 later)
Car compositor demo

Blender asset pipeline · browser canvas compositor

Pipeline#

For each screen pixel, the compositor reads mask.png and uv.png, samples the uploaded image at the UV coordinates, and blends the result over background.png. An optional car photo is sent to the car API for matting; the cutout and shadow are drawn onto the showroom floor. Regenerate assets with ./generate_showroom.sh in wbg-blender, then copy the PNGs into public/images/showroom/.