一种按需生成3D效果图的方法和系统技术方案

本发明专利技术提出了一种按需生成3D效果图的方法，该方法包括如下步骤：S1、获取预先缓存在CDN上的图片文件；S2、判断所述图片文件是否存在，若存在则访问图片服务器；S3、进一步获取并访问设计图的缓存路径；S4、判断所述设计图是否已合成，若已合成则访问图片源数据并下载，直接使用该设计图合成效果图；S5、否则先合成设计图再使用该设计图合成效果图。通过伪静态的技术方案，在用户实际应用需求时再动态生产对应图片，并将合成的图片静态化保存，通过CDN应用，在用户访问时按需缓存到就近的接入点，在大并发时，让用户流量足够分散，避免对后端服务的压力过大，采用服务端渲染，实现按需渲染的目的。染的目的。染的目的。

【技术实现步骤摘要】
一种按需生成3D效果图的方法和系统


[0001]本专利技术属于软件技术的
，具体涉及一种按需生成3D效果图的方法和系统。

技术介绍

[0002]用户可以将自己的设计资源(图片，文字等)，以贴图的方式和带有3d模型的商品(如帽子，手机壳等)结合，通过所见即所得的实时设计预览，最终得到用户满意的经过自己设计的定制产品，并产生对应的一系列商品各个角度的图片，称为定制产品效果图。将设计图以贴图的方式，通过结合3d模型可以让设计图更真实的贴合商品的褶皱及弯曲部分，使效果图更真实。
[0003]用户在浏览器中下载定制产品效果图时，通过执行脚本代码从服务器下载模型文件、贴图文件等资源，通过浏览器的webgl引擎，对模型和贴图进行渲染。然而，由于定制产品效果图通常数量较多，并且合成每张效果图所需的模型文件及贴图文件通常文件体积较大，长时间的下载导致用户时间较长，并且由于客户端算力有限，在大量图形渲染时会导致电脑卡顿，导致用户无法接受、体验效果差。
[0004]有鉴于此，提出一种按需生成3D效果图的方法和系统是非常具有意义的。

技术实现思路

[0005]为了解决在定制产品效果图时存在大量占用客户端资源、电脑操作卡顿导致客户无法接受及体验效果差等问题，本专利技术提供一种按需生成3D效果图的方法和系统，以解决上述存在的技术缺陷问题。
[0006]第一方面，本专利技术提出了一种按需生成3D效果图的方法，该方法包括如下步骤：
[0007]S1、获取预先缓存在CDN上的图片文件；
[0008]S2、判断所述图片文件是否存在，若存在则访问图片服务器；
[0009]S3、进一步获取并访问设计图的缓存路径；
[0010]S4、判断所述设计图是否已合成，若已合成则访问图片源数据并下载，直接使用该设计图合成效果图；
[0011]S5、否则先合成设计图再使用该设计图合成效果图。
[0012]优选的，在步骤S1之前还包括：将所述图片文件的域名绑定到CDN接入点，以便用户访问页面是就近接入到最近的接入点。
[0013]进一步优选的，所述图片文件为经过合成后的效果图流写成的静态文件，并只从CDN加载已经预生成的所述图片文件。
[0014]进一步优选的，步骤S2还包括：S21、若CDN中页面不存在或已经过期时，则CDN向回源地址发起回源请求，以获取新的文件内容。
[0015]优选的，合成效果图的具体步骤包括：
[0016]S51、服务器生成合成图片的进程，进程获取webgl上下文，并注入合成效果图相关
javascript代码；
[0017]S52、在建模软件中导出的gltf中提取相关的资源信息到单独的文件，并将文件压缩成glb文件；
[0018]S53、进一步加载贴图数据、模型数据；
[0019]S54、将模型文件由读取出来的base64格式转化成ArrayBuffer格式，再结合相关参数产出定制产品效果图。
[0020]优选的，还包括：
[0021]S6、如果图片源数据问题或网络异常导致效果图合成失败，则返回异常响应码，此时CDN不作缓存。
[0022]进一步优选的，步骤S2还包括：
[0023]S22、当用户请求回源到API网关时，先通过图片地址上的唯一码做crc32校验，进一步与服务器权重配置文件数据做哈希运算，以保证同源图集中分发到一起。
[0024]第二方面，本专利技术还提出一种按需生成3D效果图的系统，包括：
[0025]获取模块：用于获取预先缓存在CDN上的图片文件；
[0026]判断模块：用于判断图片文件是否存在、设计图是否已合成；
[0027]合成模块：用于对效果图的合成；
[0028]加载模块：用于加载贴图数据、模型数据。
[0029]第三方面，本专利技术实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
[0030]第四方面，本专利技术实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
[0031]与现有技术相比，本专利技术的有益成果在于：
[0032](1)通过伪静态的技术方案，在用户实际应用需求时再动态生产对应图片，并将合成的图片静态化保存，通过CDN应用，在用户访问时按需缓存到就近的接入点，在大并发时，让用户流量足够分散，避免对后端服务的压力过大，采用服务端渲染，实现按需渲染的目的。
[0033](2)让系统可以以较低的服务器数据承载更多的峰值在线用户量，集中系统资源提供真正活跃的用户使用，减少不必要的浪费；以防在渲染大数量的效果图时，消耗大量的客户端资源，导致用户电脑长时间操作卡顿，网络被占用，导致等待时间长，用户体验不佳。
附图说明
[0034]包括附图以提供对实施例的进一步理解并且附图被并入本说明书中并且构成本说明书的一部分。附图图示了实施例并且与描述一起用于解释本专利技术的原理。将容易认识到其它实施例和实施例的很多预期优点，因为通过引用以下详细描述，它们变得被更好地理解。附图的元件不一定是相互按照比例的。同样的附图标记指代对应的类似部件。
[0035]图1是本专利技术的一个实施例可以应用于其中的示例性装置架构图；
[0036]图2为本专利技术的实施例的按需生成3D效果图的方法的流程示意图；
[0037]图3为本专利技术的实施例的按需生成3D效果图的方法的整体架构图；
[0038]图4为本专利技术的实施例的按需生成3D效果图的系统的流程示意图；
[0039]图5是适于用来实现本专利技术实施例的电子设备的计算机装置的结构示意图。
具体实施方式
[0040]在以下详细描述中，参考附图，该附图形成详细描述的一部分，并且通过其中可实践本专利技术的说明性具体实施例来示出。对此，参考描述的图的取向来使用方向术语，例如“顶”、“底”、“左”、“右”、“上”、“下”等。因为实施例的部件可被定位于若干不同取向中，为了图示的目的使用方向术语并且方向术语绝非限制。应当理解的是，可以利用其他实施例或可以做出逻辑改变，而不背离本专利技术的范围。因此以下详细描述不应当在限制的意义上被采用，并且本专利技术的范围由所附权利要求来限定。
[0041]应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
[0042]图1示出了可以应用本专利技术实施例的用于处理信息的方法或用于处理信息的装置的示例性系统架构100。
[0043]如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种按需生成3D效果图的方法，其特征在于，该方法包括如下步骤：S1、获取预先缓存在CDN上的图片文件；S2、判断所述图片文件是否存在，若存在则访问图片服务器；S3、进一步获取并访问设计图的缓存路径；S4、判断所述设计图是否已合成，若已合成则访问图片源数据并下载，直接使用该设计图合成效果图；S5、否则先合成设计图再使用该设计图合成效果图。2.根据权利要求1所述的按需生成3D效果图的方法，其特征在于，在步骤S1之前还包括：将所述图片文件的域名绑定到CDN接入点，以便用户访问页面是就近接入到最近的接入点。3.根据权利要求2所述的按需生成3D效果图的方法，其特征在于，所述图片文件为经过合成后的效果图流写成的静态文件，并只从CDN加载已经预生成的所述图片文件。4.根据权利要求3所述的按需生成3D效果图的方法，其特征在于，步骤S2还包括：S21、若CDN中页面不存在或已经过期时，则CDN向回源地址发起回源请求，以获取新的文件内容。5.根据权利要求1所述的按需生成3D效果图的方法，其特征在于，合成效果图的具体步骤包括：S51、服务器生成合成图片的进程，进程获取webgl上下文，并注入合成效果图相关javascript代码；S52、在建模软件中导出的gltf中提取相关的资源信息到单独的文件，并将文件压缩成glb文件；S53、进一步加...

【专利技术属性】
技术研发人员：朱洁，林瞰，张锦宇，
申请(专利权)人：厦门指纹科技有限公司，
类型：发明
国别省市：