我目前正在制作一个原型，旨在创建一个由一系列快速交换图像制成的短片互动电影。我们计划在每一帧上应用鱼眼后处理效果，并利用 WebGL 将此计算卸载到 GPU 单元。可以在此处找到使用 WebGL 实时应用此效果的示例。
这里涉及的主要挑战是能够将大量 512x512px 图像（2000 张或更多图像）下载到用户浏览器中，并在生成的序列中保持可接受的帧率（5-10 fps 的帧率开始是可以接受的）。这是一个探索性实验，因此它只能与 Chrome 兼容，并且图像序列会根据用户输入而变化，因此无法预先将序列预渲染到视频中。用于纹理的每张图像的平均重量为 25KB，它将由一个强大的 CDN 提供服务，该 CDN 旨在应对所涉及的大量流量。
相对较短的预加载时间是可以接受的（60 秒或更短），以便在我们用最初的体验来娱乐用户的同时缓存一些图像。
这可能吗？任何人都可以在这方面提供帮助？