Behind the build: 2025's BFCM globe in a pinball machine 🌎🕹️ - Shopify

This post details the technical implementation of a real-time, interactive 3D pinball machine visualization for Shopify's BFCM Live Globe. It highlights the use of three.js with react-three-fiber, server-sent events for real-time data streaming, custom GLSL shaders for sprite sheet playback on a dot matrix display, and a 2D physics engine (rapier2D) for performance optimization. The post also touches on AR integration using react-three/xr and the design considerations for modularity and interactive elements within the virtual environment.