System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本申请涉及图像处理,尤其涉及一种静态图像动态化处理方法、装置、设备及存储介质。
技术介绍
1、随着图像处理技术的快速发展,静态图像实现动态化的需求日益增加。
2、在已有的静态图像实现动态化的技术方案中,一般先选取电子设备对应相册中的静态图像作为第一图像,然后进行预设处理,获取该图像的深度图,背景补全图,轮廓图以及视觉数据,最后基于以上图像和数据生成不同视觉下的动态图像。其中,该动态图像将作为用户的相册封面图,其能基于当前用户电子设备的晃动方向以及用户的手指滑动方向改变运动轨迹。
3、然而,上述处理静态图像动态化的方法,依赖图像种类较多,无法对图像的运动轨迹进行精确化数值控制,交互感较差。
技术实现思路
1、本申请提供一种静态图像动态化处理方法、装置、设备及存储介质,用以解决现有静态图像动态化处理方案中交互性偏差的技术问题。
2、第一方面,本申请提供一种静态图像动态化处理方法,应用于动态化处理平台的服务端,所述方法包括:
3、获取用户上传的静态化图像以及所述静态化图像的深度图;
4、根据three.js三方库提供的纹理加载器分别对所述静态化图像和所述深度图的纹理进行提取,得到静态图像纹理以及深度图像纹理;
5、根据所述three.js三方库提供的着色器材质创建方法,定义uniforms变量并创建顶点着色器;
6、根据预设的偏移量计算公式,所述深度图像纹理的深度值,所述顶点着色器的每个顶点的uv坐标信息
7、根据所述静态图像纹理,所述水平方向的偏移量以及所述垂直方向的偏移量生成新的纹理采样,得到绘制后的片元着色器;
8、根据基于所述three.js三方库提供的方法创建的三维场景和平面几何体,所述顶点着色器以及所述片元着色器,生成动态图像。
9、在第一方面的一种可能设计中,所述方法还包括:
10、将所述动态图像通过动态化处理平台的客户端向所述用户进行展示。
11、在第一方面的一种可能设计中,所述方法还包括:
12、接收所述用户通过动态化处理平台的客户端上传的所述用户选择的uniforms变量的值,其中,所述uniforms变量的值中包括:用于指示是否自动进行偏移的第一变量值,用于指示是否根据鼠标的位置进行偏移的第二变量值,以及控制偏移量大小的可调节系数。
13、在第一方面的一种可能设计中,所述根据three.js三方库提供的纹理加载器分别对所述静态化图像和所述深度图的纹理进行提取,得到静态图像纹理以及深度图像纹理之前,所述方法还包括:
14、根据所述three.js三方库创建所述三维场景,所述三维场景中包括场景,透视相机以及渲染器。
15、在第一方面的一种可能设计中,所述根据基于所述three.js三方库提供的方法创建的三维场景和平面几何体,所述顶点着色器以及所述片元着色器,生成动态图像,包括:
16、根据所述three.js三方库提供的方法,创建所述平面几何体;
17、通过所述three.js三方库,所述平面几何体,所述顶点着色器以及所述片元着色器,创建网格;
18、将所述网格添加至所述三维场景中,得到所述动态图像。
19、在第一方面的一种可能设计中,所述获取用户上传的静态化图像以及所述静态化图像的深度图,包括:
20、接收所述动态化处理平台的客户端上传的所述静态化图像和所述静态化图像的深度图;
21、或者,
22、接收所述动态化处理平台的客户端上传的所述静态化图像;
23、根据预设的深度图提取方法对所述静态化图像进行深度提取,得到所述静态化图像的深度图。
24、在第一方面的一种可能设计中,所述根据预设的偏移量计算公式,所述深度图像纹理的深度值,所述顶点着色器的每个顶点的uv坐标信息以及用户选择的uniforms变量的值,分别计算水平方向的偏移量以及垂直方向的偏移量,包括:
25、根据预设的水平方向偏移量计算公式,所述深度图像纹理的深度值,所述顶点着色器的每个顶点的uv坐标信息中的水平方向的坐标值,以及所述用户选择的uniforms变量的值,计算所述水平方向的偏移量;
26、根据预设的垂直方向偏移量计算公式,所述深度图像纹理的深度值,所述顶点着色器的每个顶点的uv坐标信息中的垂直方向的坐标值,以及所述用户选择的uniforms变量的值,计算所述垂直方向的偏移量;
27、其中,所述偏移量计算公式包括所述水平方向偏移量计算公式以及所述垂直方向偏移量计算公式。
28、第二方面,本申请提供一种静态图像动态化处理装置,包括:
29、获取模块,用于获取用户上传的静态化图像以及所述静态化图像的深度图;
30、提取模块,用于根据three.js三方库提供的纹理加载器分别对所述静态化图像和所述深度图的纹理进行提取,得到静态图像纹理以及深度图像纹理;
31、处理模块,用于根据所述three.js三方库提供的着色器材质创建方法,定义uniforms变量并创建顶点着色器;
32、处理模块还用于根据预设的偏移量计算公式,所述深度图像纹理的深度值,所述顶点着色器的每个顶点的uv坐标信息以及用户选择的uniforms变量的值,分别计算水平方向的偏移量以及垂直方向的偏移量;
33、处理模块还用于根据所述静态图像纹理,所述水平方向的偏移量以及所述垂直方向的偏移量生成新的纹理采样,得到绘制后的片元着色器;
34、处理模块还用于根据基于所述three.js三方库提供的方法创建的三维场景和平面几何体,所述顶点着色器以及所述片元着色器,生成动态图像。
35、第三方面,本申请提供一种电子设备,包括:处理器,以及与所述处理器通信连接的存储器;
36、所述存储器存储计算机执行指令;
37、所述处理器执行所述存储器存储的计算机执行指令,以实现如第一方面任一项所述的静态图像动态化处理方法。
38、第四方面,本申请提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如第一方面任一项所述的静态图像动态化处理方法。
39、第五方面,本申请提供一种计算机程序产品,所述计算机程序产品包括计算机程序,所述计算机程序被处理器执行时用于实现如第一方面任一项所述的静态图像动态化处理方法。
40、本申请提供的静态图像动态化处理方法、装置、设备及存储介质,可用于图像处理
基于用户上传的静态图像以及深度图,动态化处理平台的服务端先借助three.js三方库提供的纹理加载器分别对其进行对应纹理的提取,从而获得静态图像纹理和深度图像纹理,进而减少对图像种类本文档来自技高网...
【技术保护点】
1.一种静态图像动态化处理方法,其特征在于,应用于动态化处理平台的服务端,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
3.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
4.根据权利要求1或2所述的方法,其特征在于,所述根据Three.js三方库提供的纹理加载器分别对所述静态化图像和所述深度图的纹理进行提取,得到静态图像纹理以及深度图像纹理之前,所述方法还包括:
5.根据权利要求1或2所述的方法,其特征在于,所述根据基于所述Three.js三方库提供的方法创建的三维场景和平面几何体,所述顶点着色器以及所述片元着色器,生成动态图像,包括:
6.根据权利要求2所述的方法,其特征在于,所述获取用户上传的静态化图像以及所述静态化图像的深度图,包括:
7.根据权利要求1或2所述的方法,其特征在于,所述根据预设的偏移量计算公式,所述深度图像纹理的深度值,所述顶点着色器的每个顶点的uv坐标信息以及用户选择的uniforms变量的值,分别计算水平方向的偏移量以及垂直方向的偏移量,包
8.一种静态图像动态化处理装置,其特征在于,包括:
9.一种电子设备,其特征在于,包括:处理器,以及与所述处理器通信连接的存储器;
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如权利要求1至7任一项所述的静态图像动态化处理方法。
...【技术特征摘要】
1.一种静态图像动态化处理方法,其特征在于,应用于动态化处理平台的服务端,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
3.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
4.根据权利要求1或2所述的方法,其特征在于,所述根据three.js三方库提供的纹理加载器分别对所述静态化图像和所述深度图的纹理进行提取,得到静态图像纹理以及深度图像纹理之前,所述方法还包括:
5.根据权利要求1或2所述的方法,其特征在于,所述根据基于所述three.js三方库提供的方法创建的三维场景和平面几何体,所述顶点着色器以及所述片元着色器,生成动态图像,包括:
6.根据权利要求2所述的方...
【专利技术属性】
技术研发人员:刘伟,马广博,张应团,王波,
申请(专利权)人:中国联合网络通信集团有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。