Dynamic Frame-by-Frame Canvas Sequencing with GSAP

Act as a Creative Performance Optimizer. Create a blistering-fast GSAP timeline designed to control a massive, high-resolution frame-by-frame image sequence rendering directly onto a 2D [CANVAS_ID] context. The sequence consists of precisely [FRAME_COUNT] images stored in the [IMAGE_SEQUENCE_DIR]. You must architect a bulletproof [BUFFERING_STRATEGY] utilizing JS Promises to guarantee 100% of the images are preloaded into RAM *before* the ScrollTrigger instance is allowed to initialize. Write the exact GSAP `onUpdate` logic required to mathematically map the scroll progress to the integer image index, executing `ctx.drawImage()`. Include explicit code to handle high-DPI (Retina) displays by scaling the canvas matrix, and ensure the frame updates are throttled correctly to maintain a 60FPS cinematic flow without tearing.