卡预览方法、装置及电子设备制造方法及图纸

本申请公开了一种卡预览方法、装置及电子设备，能够获取元素数据，并在预设三维场景中创建第一卡片的三维模型，然后根据元素数据对第一卡片的三维模型进行渲染，生成第一卡片的目标三维模型；显示目标三维模型的预览画面，这样用户可以在绘制卡片时，预览到卡片的三维视觉效果，利于制作出满足用户需求的卡片，提高效率。高效率。高效率。

【技术实现步骤摘要】
卡预览方法、装置及电子设备


[0001]本申请属于卡片绘制
，尤其涉及一种卡预览方法、装置及电子设备。

技术介绍

[0002]通常卡片制作应用中，用户可以自定义卡片的形状、大小以及正面封面等元素，制作出个性化的卡片。但目前的技术中，用户自定义上述元素后，用户只能预览到所形成的卡片模型的正视图方向的平面图像，预览视图单一，导致最终制作出的卡片往往无法达到预期的视觉效果。

技术实现思路

[0003]本申请实施例提供一种在卡预览方法、装置及电子设备，能够预览卡片模型的立体效果。
[0004]一方面，本申请实施例提供一种卡预览方法，方法包括：获取元素数据；在预设三维场景中创建第一卡片的三维模型；根据元素数据，对第一卡片的三维模型进行渲染，生成第一卡片的目标三维模型；显示目标三维模型的预览画面。
[0005]在一些实施例中，元素数据包括第一卡片的卡体外形数据；在预设三维场景中创建第一卡片的三维模型，包括：在预设三维场景中的视场空间内，根据卡体外形数据，生成第一卡片的卡体平面图形，其中，视场空间为预设三维场景中预设观察点对应的坐标、视场角度以及视场比例确定的视锥体空间，卡体平面图形的中心与观察点对应的坐标关联；对卡体平面图形进行厚度拉伸，生成第一卡片的三维模型。
[0006]在一些实施例中，元素数据包括以下一类或多类：标志元素数据、元件元素数据、封面元素数据、文字元素数据、材质数据和光效数据。
[0007]在一些实施例中，元素数据包括第一元素数据和第二元素数据，第一元素数据为封面元素数据；在所述根据所述元素数据，对所述第一卡片的三维模型进行渲染，生成对应的目标三维模型中，包括：将所述第一元素数据作为底图纹理，并将所述第二元素数据叠加在所述第一元素数据上层，形成第一渲染纹理数据；将所述第一渲染纹理数据，渲染为所述第一卡片的三维模型对应平面的元素纹理，得到目标三维模型。
[0008]在一些实施例中，在形成第一渲染纹理数据之后，方法包括：根据预设环境光数据和第一渲染纹理数据，生成叠加预设环境光后的第一渲染纹
理数据；将第一渲染纹理数据，渲染为第一卡片的三维模型对应平面的元素纹理，得到目标三维模型，包括：将叠加预设环境光后的第一渲染纹理数据，渲染为第一卡片的三维模型对应平面的元素纹理，得到目标三维模型。
[0009]在一些实施例中，第一元素数据和第二元素数据均为元素图片，第二元素数据对应元素图片上的第一元素区域呈现对应的元素图形，且元素图片上除第一元素区域之外的区域为透明状；将第一元素数据作为底图纹理，并将第二元素数据叠加在第一元素数据上层，形成第一渲染纹理数据，包括：将第二元素数据的中心与第一元素数据的中心对齐后叠加在第一元素数据上层，形成第一渲染纹理数据；以及将第一渲染纹理数据的中心与三维模型的对应平面的中心对齐。
[0010]在一些实施例中，第二元素数据为元素图片，元素图片中包括元素图形，将第一元素数据作为底图纹理，并将第二元素数据叠加在第一元素数据上层，形成第一渲染纹理数据，包括：将第一元素数据作为底图纹理，将第二元素数据按照预设的坐标位置叠加在第一元素数据上层，形成第一渲染纹理数据；以及以第一元素数据的中心为第一渲染纹理数据的中心，将第一渲染纹理数据的中心与三维模型对应平面的中心对齐。
[0011]在一些实施例中，元素数据包括第一元素图片，第一元素图片中包括第一元素图形；目标三维模型为对应第一角度的模型；显示目标三维模型的预览画面之后，方法包括：根据目标三维模型，确定第一元素图形在目标三维模型对应平面第一角度的初始坐标和初始形态；确定第一元素图形在目标三维模型对应平面第二角度的第二坐标和第二形态；在预设更新时间，根据第一元素图形更新渲染三维模型，得到对应第二角度的更新目标三维模型，更新目标三维模型中对应第一元素图形的元素纹理位于平面的第二坐标处且被渲染为第二形态；将目标三维模型的预览画面，动态更新显示为更新目标三维模型的预览画面。
[0012]在一些实施例中，显示目标三维模型的预览画面，包括：接收用户的第一输入，响应于第一输入，动态更新显示目标三维模型对应角度的预览画面。
[0013]在一些实施例中，目标三维模型为对应第一角度的模型；响应于第一输入，动态更新显示目标三维模型对应角度的预览画面，包括：响应于第一输入，确定第一卡片的三维模型的更新渲染的更新数据，更新数据包括三维模型对应的第二角度或第二视场空间或元素数据对应的第二坐标和第二形态；按照更新数据，利用元素数据对三维模型进行更新渲染，得到更新目标三维模型；显示更新目标三维模型的预览画面。
[0014]在一些实施例中，元素数据包括N张连续帧静态元素图片，元素图片中包括对应的
元素图形，根据元素数据，对第一卡片的三维模型进行渲染，生成第一卡片的目标三维模型，包括：分别将N张连续帧静态元素图片的中心与N个角度对应的三维模型的平面中心对齐，N为大于1的整数；根据N张连续帧静态元素图片各自对应的元素图形，分别渲染第一卡片的三维模型的元素纹理，得到N个目标三维模型，N个目标三维模型分别对应N个角度；显示目标三维模型的预览画面，包括：获取第二输入，确定第三角度，第三角度为N个角度之一；响应于第二输入，显示对应第三角度的目标三维模型的预览画面。
[0015]在一些实施例中，在得到N个目标三维模型之后，方法包括：根据N个目标三维模型的预览画面中的第M个预览画面和第M+1个预览画面进行插值计算，得到U个插值画面；将U个插值画面插入第M个预览画面和第M+1个预览画面之间，得到N+U个目标预览画面。
[0016]在一些实施例中，在示目标三维模型的预览画面之后，方法包括：记录显示目标三维模型的预览画面的过程中的界面变化，生成第一记录视频。
[0017]在一些实施例中，在示目标三维模型的预览画面之后，方法包括：截取显示目标三维模型的预览画面的过程中的界面内容，生成第一记录图片。
[0018]在一些实施例中，元素数据包括第一元素图片和第二元素图片，第一元素图片中包括第一元素图形，第二元素图片中包括第二元素图形；根据元素数据，对第一卡片的三维模型进行渲染，生成第一卡片的目标三维模型，包括：根据第一元素图形，创建第一元素图形的图形三维模型；将第二元素图形渲染为第一卡片的三维模型的元素纹理，得到卡片三维模型；将图形三维模型叠加到第一卡片的三维模型的对应平面上，生成目标三维模型。
[0019]另一方面，本申请实施例提供了一种卡预览装置，装置包括：获取模块，用于获取元素数据；创建模块，用于在预设三维场景中创建第一卡片的三维模型；生成模块，用于根据元素数据，对第一卡片的三维模型进行渲染，生成第一卡片的目标三维模型；显示模块，用于显示目标三维模型。
[0020]再一方面，本申请实施例提供了一种电子设备，设备包括：处理器以及存储有计算机程序指令的存储器；处理器执行计算机程序指令时实现如第一方面中的卡预览方法中的步骤。
[0021]再一方面，本申请实施例提供了一种计算机存本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种卡预览方法，其特征在于，所述方法包括：获取元素数据；在预设三维场景中创建第一卡片的三维模型；根据所述元素数据，对所述第一卡片的三维模型进行渲染，生成所述第一卡片的目标三维模型；显示所述目标三维模型的预览画面；其中，所述元素数据包括所述第一卡片的卡体外形数据；所述在预设三维场景中创建第一卡片的三维模型，包括：在预设三维场景中的视场空间内，根据所述卡体外形数据，生成所述第一卡片的卡体平面图形，其中，所述视场空间为所述预设三维场景中预设的观察点对应的坐标、视场角度以及视场比例确定的视锥体空间，所述卡体平面图形的中心与所述观察点对应的坐标关联；对所述卡体平面图形进行厚度拉伸，生成所述第一卡片的三维模型。2.根据权利要求1所述的卡预览方法，其特征在于，所述元素数据包括以下一类或多类：标志元素数据、元件元素数据、封面元素数据、文字元素数据、材质数据和光效数据。3.根据权利要求1所述的卡预览方法，其特征在于，所述元素数据为用户上传的数据。4.根据权利要求1所述的卡预览方法，其特征在于，所述元素数据包括第一元素数据和第二元素数据，所述第一元素数据为封面元素数据；所述根据所述元素数据，对所述第一卡片的三维模型进行渲染，生成所述第一卡片的目标三维模型中，包括：将所述第一元素数据作为底图纹理，并将所述第二元素数据叠加在所述第一元素数据上层，形成第一渲染纹理数据；将所述第一渲染纹理数据，渲染为所述第一卡片的三维模型对应平面的元素纹理，得到所述目标三维模型。5.根据权利要求4所述的卡预览方法，其特征在于，在所述形成第一渲染纹理数据之后，所述方法包括：根据预设环境光数据和所述第一渲染纹理数据，生成叠加预设环境光后的第一渲染纹理数据；所述将所述第一渲染纹理数据，渲染为所述第一卡片的三维模型对应平面的元素纹理，得到所述目标三维模型，包括：将所述叠加预设环境光后的第一渲染纹理数据，渲染为所述第一卡片的三维模型对应平面的元素纹理，得到所述目标三维模型。6.根据权利要求4所述的卡预览方法，其特征在于，所述第二元素数据为元素图片，所述元素图片上的第一元素区域呈现对应的元素图形，且所述元素图片上除所述第一元素区域之外的区域为透明状；所述将所述第一元素数据作为底图纹理，并将所述第二元素数据叠加在所述第一元素数据上层，形成第一渲染纹理数据，包括：将所述第二元素数据的中心与所述第一元素数据的中心对齐后叠加在所述第一元素
数据上层，形成所述第一渲染纹理数据；以及将所述第一渲染纹理数据的中心与所述三维模型对应平面的中心对齐。7.根据权利要求4所述的卡预览方法，其特征在于，所述第二元素数据为元素图片，所述元素图片中包括元素图形，所述将所述第一元素数据作为底图纹理，并将所述第二元素数据叠加在所述第一元素数据上层，形成第一渲染纹理数据，包括：将所述第一元素数据作为底图纹理，将所述第二元素数据按照预设的坐标位置叠加在所述第一元素数据上层，形成所述第一渲染纹理数据；以及以所述第一元素数据的中心为所述第一渲染纹理数据的中心，将所述第一渲染纹理数据的中心与所述三维模型对应平面的中心对齐。8.根据权利要求1所述的卡预览方法，其特征在于，所述元素数据包括第一元素图片，所述第一元素图片中包括第一元素图形；所述目标三维模型为对应第一角度的模型；在所述显示所述目标三维模型的预览画面之后，所述方法包括：根据所述目标三维模型，确定第一元素图形在所述目标三维模型对应平面第一角度的初始坐标和初始形态；确定所述第一元素图形在所述目标三维模型对应平面第二角度的第二坐标和第二形态；在预设更新时间，根据所述第一元素图形更新渲染所述三维模型，得到对应所述第二角度的更新目标三维模型，所述更新目标三维模型中对应第一元素图形的元素纹理位于所述平面的第二坐标处且被渲染为第二形态；将所述目标三维模型的预览画面，动态更新显示为所述更新目标三维模型的预览画面。9.根据权利要求1所述的卡预览方法，其特征在于，所述目标三维模型为对应第一视场空间的模型；在所述显示所述目标三维模型的预览画面之后，所述方法包括：调整所述观察点的坐标、视场角度以及视场比例，得到第二视场空间；显示所述第二视场空间内的目标三维模型的预览画面。10...

【专利技术属性】
技术研发人员：杨雷，
申请(专利权)人：捷德中国科技有限公司，
类型：发明
国别省市：