WebGL从多个纹理逐帧动画

时间:2012-09-14 10:04:31

标签: shader textures webgl fragment-shader vertex-shader

我目前正在制作一个原型,旨在创建一系列快速交换图像制作的短片。在每个帧上,我们计划应用鱼眼后处理效果并利用WebGL将此计算卸载到GPU单元。可以找到使用WebGL实时应用此效果的示例here

这里涉及的主要挑战是能够将大量512x512px图像(2000个图像或更多)下载到用户浏览器中,在生成的序列中保持可接受的帧速率(开始可接受5-10 fps的帧速率) 。这是一个探索实验,因此它可以使其仅与Chrome兼容,并且图像序列根据用户输入而变化,因此不可能预先将序列预渲染成视频。用于纹理的每个图像平均重量为25KB,它将由一个强大的CDN提供服务,以应对所涉及的大量流量。

相对较短的预加载时间是可以接受的(60秒或更短),以允许缓存一些图像,同时我们用最初的体验来娱乐用户。

这可能吗?有人能帮忙吗?

0 个答案:

没有答案