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