We want to create an interactive candlelit scene that can be viewed on smartphones: the candle flame should exhibit realistic flow and interact with the smoke, accompanied by heat-induced visual distortion from rising hot air. Place a coffee cup in the scene as a reference object, dynamically illuminated by the candlelight, and allow users to freely adjust the 3D viewpoint. The intensity of the flame’s flicker needs to drive the page’s low-frequency ambient audio (Web Audio API), making the sound vary with the flame’s fluctuations. At the rendering layer, custom GLSL and ray marching can be used to implement flame turbulence and heat distortion, while maintaining stable performance on mobile.