一种按需生成3D效果图的方法和系统与流程

一种按需生成3d效果图的方法和系统
技术领域
1.本发明属于软件技术的技术领域，具体涉及一种按需生成3d效果图的方法和系统。


背景技术：

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


技术实现要素：

5.为了解决在定制产品效果图时存在大量占用客户端资源、电脑操作卡顿导致客户无法接受及体验效果差等问题，本发明提供一种按需生成3d效果图的方法和系统，以解决上述存在的技术缺陷问题。
6.第一方面，本发明提出了一种按需生成3d效果图的方法，该方法包括如下步骤：
7.s1、获取预先缓存在cdn上的图片文件；
8.s2、判断所述图片文件是否存在，若存在则访问图片服务器；
9.s3、进一步获取并访问设计图的缓存路径；
10.s4、判断所述设计图是否已合成，若已合成则访问图片源数据并下载，直接使用该设计图合成效果图；
11.s5、否则先合成设计图再使用该设计图合成效果图。
12.优选的，在步骤s1之前还包括：将所述图片文件的域名绑定到cdn接入点，以便用户访问页面是就近接入到最近的接入点。
13.进一步优选的，所述图片文件为经过合成后的效果图流写成的静态文件，并只从cdn加载已经预生成的所述图片文件。
14.进一步优选的，步骤s2还包括：s21、若cdn中页面不存在或已经过期时，则cdn向回源地址发起回源请求，以获取新的文件内容。
15.优选的，合成效果图的具体步骤包括：
16.s51、服务器生成合成图片的进程，进程获取webgl上下文，并注入合成效果图相关
javascript代码；
17.s52、在建模软件中导出的gltf中提取相关的资源信息到单独的文件，并将文件压缩成glb文件；
18.s53、进一步加载贴图数据、模型数据；
19.s54、将模型文件由读取出来的base64格式转化成arraybuffer格式，再结合相关参数产出定制产品效果图。
20.优选的，还包括：
21.s6、如果图片源数据问题或网络异常导致效果图合成失败，则返回异常响应码，此时cdn不作缓存。
22.进一步优选的，步骤s2还包括：
23.s22、当用户请求回源到api网关时，先通过图片地址上的唯一码做crc32校验，进一步与服务器权重配置文件数据做哈希运算，以保证同源图集中分发到一起。
24.第二方面，本发明还提出一种按需生成3d效果图的系统，包括：
25.获取模块：用于获取预先缓存在cdn上的图片文件；
26.判断模块：用于判断图片文件是否存在、设计图是否已合成；
27.合成模块：用于对效果图的合成；
28.加载模块：用于加载贴图数据、模型数据。
29.第三方面，本发明实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如第一方面中任一实现方式描述的方法。
30.第四方面，本发明实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。
31.与现有技术相比，本发明的有益成果在于：
32.(1)通过伪静态的技术方案，在用户实际应用需求时再动态生产对应图片，并将合成的图片静态化保存，通过cdn应用，在用户访问时按需缓存到就近的接入点，在大并发时，让用户流量足够分散，避免对后端服务的压力过大，采用服务端渲染，实现按需渲染的目的。
33.(2)让系统可以以较低的服务器数据承载更多的峰值在线用户量，集中系统资源提供真正活跃的用户使用，减少不必要的浪费；以防在渲染大数量的效果图时，消耗大量的客户端资源，导致用户电脑长时间操作卡顿，网络被占用，导致等待时间长，用户体验不佳。
附图说明
34.包括附图以提供对实施例的进一步理解并且附图被并入本说明书中并且构成本说明书的一部分。附图图示了实施例并且与描述一起用于解释本发明的原理。将容易认识到其它实施例和实施例的很多预期优点，因为通过引用以下详细描述，它们变得被更好地理解。附图的元件不一定是相互按照比例的。同样的附图标记指代对应的类似部件。
35.图1是本发明的一个实施例可以应用于其中的示例性装置架构图；
36.图2为本发明的实施例的按需生成3d效果图的方法的流程示意图；
37.图3为本发明的实施例的按需生成3d效果图的方法的整体架构图；
38.图4为本发明的实施例的按需生成3d效果图的系统的流程示意图；
39.图5是适于用来实现本发明实施例的电子设备的计算机装置的结构示意图。
具体实施方式
40.在以下详细描述中，参考附图，该附图形成详细描述的一部分，并且通过其中可实践本发明的说明性具体实施例来示出。对此，参考描述的图的取向来使用方向术语，例如“顶”、“底”、“左”、“右”、“上”、“下”等。因为实施例的部件可被定位于若干不同取向中，为了图示的目的使用方向术语并且方向术语绝非限制。应当理解的是，可以利用其他实施例或可以做出逻辑改变，而不背离本发明的范围。因此以下详细描述不应当在限制的意义上被采用，并且本发明的范围由所附权利要求来限定。
41.应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
42.图1示出了可以应用本发明实施例的用于处理信息的方法或用于处理信息的装置的示例性系统架构100。
43.如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
44.用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
45.终端设备101、102、103可以是具有通信功能的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
46.服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103发送的校验请求信息进行处理的后台信息处理服务器。后台信息处理服务器可以对接收到的校验请求信息进行分析等处理，并得到处理结果(例如用于表征校验请求为合法请求的校验成功信息)。
47.需要说明的是，本发明实施例所提供的用于处理信息的方法一般由服务器105执行，相应地，用于处理信息的装置一般设置于服务器105中。另外，本发明实施例所提供的用于发送信息的方法一般由终端设备101、102、103执行，相应地，用于发送信息的装置一般设置于终端设备101、102、103中。
48.需要说明的是，服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或多个软件模块，在此不做具体限定。
49.用户可以将自己的设计资源如图片、文字等，以贴图的方式和带有3d模型的商品(如帽子，手机盒等)结合，通过所见即所得的实时设计预览，最终得到用户满意的经过自己设计的定制产品，并产生对应的一系列商品各个角度的图片，称为定制产品效果图。将设计图以贴图的方式，通过结合3d模型可以让设计图更真实的贴合商品的褶皱及弯曲部分，使效果图更真实，设计完成后需要将生成的定制产品所有的效果图下载下来，刊登到电商平
台(如亚马逊等)。
50.图2示出了本发明的实施例公开了一种按需生成3d效果图的方法，如图2和图3所示，该方法包括如下步骤：
51.s0、将所述图片文件的域名绑定到cdn接入点，以便用户访问页面是就近接入到最近的接入点；
52.s1、获取预先缓存在cdn上的图片文件；
53.s2、判断所述图片文件是否存在，若存在则访问图片服务器；
54.具体的，在本实施例中，所述图片文件为经过合成后的效果图流写成的静态文件，并只从cdn加载已经预生成的所述图片文件。
55.进一步的，步骤s2还包括：
56.s21、若cdn中页面不存在或已经过期时，则cdn向回源地址发起回源请求，以获取新的文件内容；在此实施例中，回源地址为后端的api网关。
57.s22、当用户请求回源到api网关时，先通过图片地址上的唯一码做crc32校验，进一步与服务器权重配置文件数据做哈希运算，以保证同源图集中分发到一起；
58.在本实施例中，同时也会根据各节点负载情况适当变更分发的目标节点，以最大化达到同资源同台可溯及服务器均等使用。
59.s3、进一步获取并访问设计图的缓存路径；
60.s4、判断所述设计图是否已合成，若已合成则访问图片源数据并下载，直接使用该设计图合成效果图；
61.s5、否则先合成设计图再使用该设计图合成效果图。
62.s6、如果图片源数据问题或网络异常导致效果图合成失败，则返回异常响应码，此时cdn不作缓存。
63.其中，合成效果图的具体步骤包括：
64.s51、服务器生成合成图片的进程，进程获取webgl上下文，并注入合成效果图相关javascript代码；
65.s52、在建模软件中导出的gltf中提取相关的资源信息到单独的文件，并将文件压缩成glb文件；
66.s53、进一步加载贴图数据、模型数据；
67.s54、将模型文件由读取出来的base64格式转化成arraybuffer格式，再结合相关参数产出定制产品效果图。
68.具体的，加载贴图数据(如法线、颜色贴图、环境贴图等)，加载模型数据(glb文件)，相关参数(如灯光、模型位置、相机角度、模型清晰度、部件信息等)。
69.进一步的，在本实施例中，过程图片不会使用路径传递的方式，而是使用参数在不同层级时保证唯一的方式构造图片路径，从而减少层级传递的复杂度。
70.在正常合成效果图的同时，会根据当前指定大小做缩略图缓存本地静态文件，并返回图片流给cdn做缓存；当其他用户访问相同的图片请求回源时，即可在静态文件中找到已经静态化的文件返回。
71.本发明的技术方案通过伪静态的技术方案，在用户实际应用需求时再动态生产对应图片，并将合成的图片静态化保存，通过cdn应用，在用户访问时按需缓存到就近的接入
点，在大并发时，让用户流量足够分散，避免对后端服务的压力过大，采用服务端渲染，实现按需渲染的目的；
72.让系统可以以较低的服务器数据承载更多的峰值在线用户量，集中系统资源提供真正活跃的用户使用，减少不必要的浪费；以防在渲染大数量的效果图时，消耗大量的客户端资源，导致用户电脑长时间操作卡顿，网络被占用，导致等待时间长，用户体验不佳。
73.第二方面，本发明还提出一种按需生成3d效果图的系统，如图4所示，包括：
74.获取模块41：用于获取预先缓存在cdn上的图片文件；
75.判断模块42：用于判断图片文件是否存在、设计图是否已合成；
76.合成模块43：用于对效果图的合成；
77.加载模块44：用于加载贴图数据、模型数据。
78.下面参考图5，其示出了适于用来实现本发明实施例的电子设备(例如图1所示的服务器或终端设备)的计算机装置600的结构示意图。图5示出的电子设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
79.如图5所示，计算机装置600包括中央处理单元(cpu)601和图形处理器(gpu)602，其可以根据存储在只读存储器(rom)603中的程序或者从存储部分609加载到随机访问存储器(ram)606中的程序而执行各种适当的动作和处理。在ram 604中，还存储有装置600操作所需的各种程序和数据。cpu 601、gpu602、rom 603以及ram 604通过总线605彼此相连。输入/输出(i/o)接口606也连接至总线605。
80.以下部件连接至i/o接口606：包括键盘、鼠标等的输入部分607；包括诸如、液晶显示器(lcd)等以及扬声器等的输出部分608；包括硬盘等的存储部分609；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分610。通信部分610经由诸如因特网的网络执行通信处理。驱动器611也可以根据需要连接至i/o接口606。可拆卸介质612，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器611上，以便于从其上读出的计算机程序根据需要被安装入存储部分609。
81.特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分610从网络上被下载和安装，和/或从可拆卸介质612被安装。在该计算机程序被中央处理单元(cpu)601和图形处理器(gpu)602执行时，执行本发明的方法中限定的上述功能。
82.需要说明的是，本发明所述的计算机可读介质可以是计算机可读信号介质或者计算机可读介质或者是上述两者的任意组合。计算机可读介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的装置、装置或器件，或者任意以上的组合。计算机可读介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行装置、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可
读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行装置、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
83.可以以一种或多种程序设计语言或其组合来编写用于执行本发明的操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c ，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
84.附图中的流程图和框图，图示了按照本发明各种实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的装置来实现，或者可以用专用硬件与计算机指令的组合来实现。
85.描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中。
86.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备执行如第一方面描述的方法步骤。
87.以上描述仅为本发明的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本发明中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本发明中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。