时间变化曲线，将显示格位置信息Ml中的高作为初始值与增量f (t)相加得到显示格的高随时间变化曲线。
[0049]开始过渡动作，显示格的位置随时间开始移动，显示格的尺寸随时间开始变大，并实时监测显示格的大小及位置:根据前述显示格尺寸及位置随时间变化曲线组计算当前时刻显示格的左上角坐标、宽与高；并检测当前显示格的宽是否大于位置信息M2中的宽，若超出则将当前显示格的宽设为位置信息M2中的宽，检测当前显示格的高是否大于位置信息M2中的高，若超出则将当前显示格的高设为位置信息M2中的高，以及检测当前显示格是否超出显示屏，若是则对当前显示格进行平移使其位于显示屏内，否则重复本步骤，直到当前显示格的高与宽分别等于位置信息M2中的高与宽并且当前显示格未超出显示屏。
[0050]其中，当检测到显示格超出显示屏范围时，可依据“最近区域包含原则”对显示格进行平移，所谓的“最近区域包含原则”是指显示屏的当前显示区域超出显示格时计算出的一个最优的平移值达到将显示格平移到显示屏显示区域的目的。通过选择不同的运动曲线方程，调整曲线的系数值，可以控制显示格由原来的位置信息Ml变化为全屏位置信息M2的时间。
[0051]考虑到，将显示格进行全屏扩展的过程可能耗时较长，有时候需要ls，当全屏扩展后，显示的预览帧可能已不是I扩展前的场景了，因此，为了确保实时性，在又一实施例中，所述步骤4是这样的:当检测到用户选中某一显示格的渲染结果时，则执行:
[0052]步骤4.1:将该显示格放大至全屏；
[0053]步骤4.2:重新获取摄像头拍摄到的当前预览帧，基于所述当前预览帧创建第二纹理数据；
[0054]步骤4.3:使用该显示格的特效对应的渲染动作对第二纹理数据进行渲染，将渲染结果显示到放大至全屏的显示格中。
[0055]对于叠加特效的情况，同样可以采用前述方法对第二纹理数据进行处理，即所述步骤4.3可以进一步包括:
[0056]步骤4.3.1:将该显示格的特效进行渲染动作拆分，得到N2个渲染子动作，记为渲染子动作P」，j取值为1、2、…、N2，N2为大于I的自然数；
[0057]步骤4.3.2:使用渲染子动作PJt所第二述纹理数据进行离屏渲染，并将渲染结果作为下一个渲染子动作的处理对象进行渲染，依次类推，使用渲染子动作&对使用渲染子动作IV1处理得到的离屏渲染结果进行离屏渲染，直到得到使用渲染子动作P N2对使用渲染子动作P1^1*理得到的离屏渲染结果进行离屏渲染的最终结果；
[0058]步骤4.3.3:依据显示屏的宽高比和所述第二纹理数据宽高比计算出使所述离屏渲染的最终结果在显示屏居中无压缩显示的纹理坐标数据UV0 crop；
[0059]步骤4.3.4:根据所述纹理坐标数据UvC将离屏渲染的最终结果居中显示到放大至全屏的显示格中。
[0060]此处的第二纹理数据坐标剪裁方法与步骤3.3,3.4的相同，在此不再赘述。
[0061]本发明并不局限于前述的【具体实施方式】。本发明扩展到任何在本说明书中披露的新特征或任何新的组合，以及披露的任一新的方法或过程的步骤或任何新的组合。
【主权项】
1.一种基于移动终端平台的多格特效渲染方法，其特征在于，包括: 步骤1:将显示区域分为多格并确定每个显示格的位置信息Ri,以及确定每个显示格对应的特效Ei, i取值为1、2、…、N1, N1为大于I的自然数； 步骤2:获取摄像头拍摄到的当前预览帧，基于所述当前预览帧创建纹理数据； 步骤3:使用特效Ei对应的渲染动作对所述纹理数据进行渲染，并将渲染结果按照位置信息民显示到第i显示格中；i取值为1、2、…、N i，N1为大于I的自然数。
2.根据权利要求1所述的一种基于移动终端平台的多格特效渲染方法，其特征在于，所述步骤3进一步包括: 步骤3.1:将特效Ei进行渲染动作拆分，得到N2个渲染子动作，记为渲染子动作P P j取值为1、2、…、N2，N2为大于I的自然数； 步骤3.2:使用渲染子动作P1对所述纹理数据进行离屏渲染，并将渲染结果作为下一个渲染子动作的处理对象进行渲染，依次类推，使用渲染子动作&对使用渲染子动作Py1处理得到的离屏渲染结果进行离屏渲染，直到得到使用渲染子动作Pn2对使用渲染子动作Pi1处理得到的离屏渲染结果进行离屏渲染的最终结果； 步骤3.3:依据位置信息民的宽高比和所述纹理数据的宽高比计算出使所述最终结果在第i显示格居中无压缩显示的纹理坐标数据uV_p; 步骤3.4:根据所述纹理坐标数据UvratJf离屏渲染的最终结果居中显示到第i显示格中。
3.根据权利要求1所述的一种基于移动终端平台的多格特效渲染方法，其特征在于，还包括步骤4:当检测到用户选中某一显示格的渲染结果时，则将该显示格的渲染结果放大至全屏。
4.根据权利要求1所述的一种基于移动终端平台的多格特效渲染方法，其特征在于，还包括步骤4:当检测到用户选中某一显示格的渲染结果时，则执行:步骤4.1:将该显示格放大至全屏； 步骤4.2:获取摄像头拍摄到的当前预览帧，基于所述当前预览帧创建第二纹理数据；步骤4.3:使用该显示格的特效对应的渲染动作对第二纹理数据进行渲染，将渲染结果显示到放大至全屏的显示格中。
5.根据权利要求4所述的一种基于移动终端平台的多格特效渲染方法，其特征在于，所述步骤4.3进一步包括: 步骤4.3.1:将该显示格的特效进行渲染动作拆分，得到N2个渲染子动作，记为渲染子动作P」，j取值为1、2、…、N2，N2为大于I的自然数； 步骤4.3.2:使用渲染子动作所第二述纹理数据进行离屏渲染，并将渲染结果作为下一个渲染子动作的处理对象进行渲染，依次类推，使用渲染子动作&对使用渲染子动作Pp1处理得到的离屏渲染结果进行离屏渲染，直到得到使用渲染子动作P N2对使用渲染子动作P1^1*理得到的离屏渲染结果进行离屏渲染的最终结果； 步骤4.3.3:依据显示屏的宽高比和所述第二纹理数据宽高比计算出使所述离屏渲染的最终结果在显示屏居中无压缩显示的纹理坐标数据UV' crop； 步骤4.3.4:根据所述纹理坐标数据Uv'将离屏渲染的最终结果居中显示到放大至全屏的显示格中。
6.根据权利要求4所述的一种基于移动终端平台的多格特效渲染方法，其特征在于，所述步骤4.1中显示格放大至全屏的过渡动作进一步包括: 步骤4.1.1:令用户选中的显示格原来的位置信息为M1，放大至全屏后的位置信息为M2 ;定义运动曲线方程f (t);根据M1、M2及运动曲线方程f (t)得到显示格尺寸及位置随时间变化曲线组:将显示格位置信息Ml中的左上角横坐标与运动曲线方程f(t)相加得到显示格左上角横坐标随时间变化曲线，将显示格位置信息Ml中的左上角纵坐标与运动曲线方程f(t)相加得到显示格左上角纵坐标随时间变化曲线，将显示格位置信息Ml中的宽与运动曲线方程f(t)相加得到显示格的宽随时间变化曲线，将显示格位置信息Ml中的高与运动曲线方程f(t)相加得到显示格的高随时间变化曲线； 步骤4.1.2:执行过渡动作，根据前述显示格尺寸及位置随时间变化曲线组计算当前时刻显示格的左上角坐标、宽与高；并检测当前显示格的宽是否大于位置信息M2中的宽，若超出则将当前显示格的宽设为位置信息M2中的宽，检测当前显示格的高是否大于位置信息M2中的高，若超出则将当前显示格的高设为位置信息M2中的高，以及检测当前显示格是否超出显示屏，若是则对当前显示格进行平移使其位于显示屏内，否则重复本步骤4.1.2，直到当前显示格的高与宽分别等于位置信息M2中的高与宽并且当前显示格未超出显示屏。
7.一种基于移动终端平台的多格特效渲染系统，其特征在于，包括: 分区模块，用于将显示区域分为多格并确定每个显示格的位置信息Ri,以及确定每个显示格对应的特效Ei, i取值为1、2、…、N1, N1为大于I的自然数；预览数据获取模块，用于获取摄像头拍摄到的当前预览帧，基于所述当前预览帧创建纹理数据； 渲染显示模块，用于使用特效Ei对应的渲染动作对所述纹理数据进行渲染，并将渲染结果按照位置信息民显示到第i显示格中；i取值为1、2、…、N i，N1为大于I的自然数。
8.根据权利要求7所述的一种基于移动终端平台的多格特效渲染系统，其特征在于，所述渲染显示模块进一步包括: 特效拆分模块，用于将特效Ei进行渲染动作拆分，得到N2个渲染子动作，记为渲染子动作P」，j取值为1、2、…、N2，N2为大于I的自然数； 多特效渲染模块，用于使用渲染子动作P1对所述纹理数据进行离屏渲染，并将渲染结果作为下一个渲染子动作的处理对象进行渲染，依次类推，使用渲染子动作I对使用渲染子动作IV1处理得到的离屏渲染结果进行离屏渲染，直到得到使用渲染子动作P N2对使用渲染子动作P1^1*理得到的离屏渲染结果进行离屏渲染的最终结果； 剪裁模块，用于依据位置信息Ri的宽高比和所述纹理数据的宽高比计算出使所述最终结果在第i显示格居中无压缩显示的纹理坐标数据uV_p; 显示模块，用于根据所述纹理坐标数据UVratJf离屏渲染的最终结果居中显示到第i显示格中。
9.根据权利要求7所述的一种基于移动终端平台的多格特效渲染系统，其特征在于，还包括显示格放大模块，用于当检测到用户选中某一显示格的渲染结果时，则将该显示格的渲染结果放大至全屏。
10.根据权利要求7所述的一种基于移动终端平台的多格特效渲染系统，其特征在于，还包括显示格放大模块，用于当检测到用户选中某一显示格的渲染结果时，则将该显示格放大至全屏；获取摄像头拍摄到的当前预览帧，基于所述当前预览帧创建第二纹理数据；使用该显示格的特效对应的渲染动作对第二纹理数据进行渲染，将渲染结果显示到放大至全屏的显示格中。
【专利摘要】本发明公开了一种基于移动终端平台的多格特效渲染方法及系统，涉及移动终端平台(iOS/Android/WP)特效渲染技术领域，旨在实现在屏幕上设置多个显示格，每个显示格实时显示当前场景经过某特效滤镜渲染后的效果，以便用户能够同时、直观的看到当前预拍摄场景经过不同的特效滤镜渲染后的效果。本发明技术要点：将显示区域分为多格并确定每个显示格的位置信息，以及确定每个显示格对应的特效；获取摄像头拍摄到的当前预览帧，基于所述当前预览帧创建纹理数据；使用显示格对应的特效渲染动作对所述纹理数据进行渲染，并将渲染结果显示到对应的显示格中。
【IPC分类】G06T15-00
【公开号】CN104574491
【申请号】CN201510027732
【发明人】张学成
【申请人】成都品果科技有限公司
【公开日】2015年4月29日
【申请日】2015年1月20日