百叶窗效果的形成方法、装置和渲染引擎制造方法及图纸

技术编号:24857586 阅读:30 留言:0更新日期:2020-07-10 19:10
本发明专利技术实施例提出一种百叶窗效果的形成方法、装置和渲染引擎。其中该方法包括:利用需要在信息流中显示的第一图像和第二图像,确定百叶窗效果包括的每个块上对应的纹理坐标;监测信息流的滚动状态,以获取单元格在信息流中的位置;利用所述位置与各所述块的旋转角度的对应关系,确定所述位置对应的各所述块的旋转角度;利用各所述块在各所述块上形成对应的纹理,并控制各所述块按照所述位置对应的旋转角度旋转。本发明专利技术实施例能够在信息流中通过百叶窗效果实现不同图像之间的过渡显示。此外,百叶窗效果与信息流滚动状态下单元格的位置有关,能够体现与用户之间的交互。

【技术实现步骤摘要】
百叶窗效果的形成方法、装置和渲染引擎
本专利技术涉及图像处理
,尤其涉及一种百叶窗效果的形成方法、装置和渲染引擎。
技术介绍
Feed能够将用户主动订阅的若干消息源组合在一起形成内容聚合器,帮助用户持续地获取最新的订阅源内容。很多资讯类应用程序(Application,App)采用Feed流(feedflow,信息流)的形式可以向用户推送新闻资讯、广告等信息。在手机、掌上电脑等便携式的智能终端中,越来越多的APP采用Feed流的方式展示各种信息。随着Feed流广告创新的需要,越来越多包含特效、可动元素的创意被提出。在Feed流中想要实现所需的特效往往难度极大,需要数学、图形学的知识作为支撑。目前,在普通静态图像上可以实现百叶窗效果,但在Feed流中还没有很好的实现百叶窗效果的方法。
技术实现思路
本专利技术实施例提供一种百叶窗效果的形成方法、装置和渲染引擎,以解决现有技术中的一个或多个技术问题。第一方面,本专利技术实施例提供了一种百叶窗效果的形成方法,包括:利用需要在信息流中显示的第一图本文档来自技高网...

【技术保护点】
1.一种百叶窗效果的形成方法,其特征在于,包括:/n利用需要在信息流中显示的第一图像和第二图像,确定百叶窗效果包括的每个块上对应的纹理坐标;/n监测信息流的滚动状态,以获取单元格在信息流中的位置;/n利用所述位置与各所述块的旋转角度的对应关系,确定所述位置对应的各所述块的旋转角度;/n利用各所述块在各所述块上形成对应的纹理,并控制各所述块按照所述位置对应的旋转角度旋转。/n

【技术特征摘要】
1.一种百叶窗效果的形成方法,其特征在于,包括:
利用需要在信息流中显示的第一图像和第二图像,确定百叶窗效果包括的每个块上对应的纹理坐标;
监测信息流的滚动状态,以获取单元格在信息流中的位置;
利用所述位置与各所述块的旋转角度的对应关系,确定所述位置对应的各所述块的旋转角度;
利用各所述块在各所述块上形成对应的纹理,并控制各所述块按照所述位置对应的旋转角度旋转。


2.根据权利要求1所述的方法,其特征在于,利用所述位置与各所述块的旋转角度的对应关系,确定所述位置对应的各所述块的旋转角度,包括:
如果所述位置等于第一阈值,则将各所述块的旋转角度确定为与所述第一阈值对应的第一角度;
如果所述位置等于第二阈值,则将各所述块的旋转角度确定为与所述第二阈值对应的第二角度;
如果所述位置在所述第一阈值和所述第二阈值之间变化,则控制各所述块的旋转角度在第一角度和第二角度之间相对于所述位置线性地变化。


3.根据权利要求2所述的方法,其特征在于,所述块为长方体,各所述长方体的第一表面的纹理组成所述第一图像,第二表面的纹理组成所述第二图像。


4.根据权利要求3所述的方法,其特征在于,所述第一表面与所述第二表面为所述长方体的相邻表面,所述第一角度为0度,所述第二角度为90度。


5.根据权利要求3或4所述的方法,其特征在于,还包括:
在各所述块旋转时,在各所述块的第一表面和/或第二表面施加方向光。


6.一种百叶窗效果的形成装置,其特征在于,包括:
纹理坐标模块,用于利用需要在信息流中显示的第一图像和第二图像,确定百叶窗效果包括的每个块上对应的纹理坐标;
位置监测模块,用于监测信息流的滚动状态,以获取单元格在信息流中的位置;
旋转角度模...

【专利技术属性】
技术研发人员:郑宇琦
申请(专利权)人:百度在线网络技术北京有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1