CN112435320B - 一种数据处理方法、装置及电子设备和存储介质 - Google Patents
一种数据处理方法、装置及电子设备和存储介质 Download PDFInfo
- Publication number
- CN112435320B CN112435320B CN202011225945.5A CN202011225945A CN112435320B CN 112435320 B CN112435320 B CN 112435320B CN 202011225945 A CN202011225945 A CN 202011225945A CN 112435320 B CN112435320 B CN 112435320B
- Authority
- CN
- China
- Prior art keywords
- server
- scene
- wasm file
- dimensional scene
- wasm
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 23
- 238000004364 calculation method Methods 0.000 claims abstract description 65
- 238000009877 rendering Methods 0.000 claims abstract description 53
- 238000004891 communication Methods 0.000 claims abstract description 30
- 238000000034 method Methods 0.000 claims abstract description 23
- 238000012545 processing Methods 0.000 claims abstract description 11
- 238000004040 coloring Methods 0.000 claims description 12
- 238000004590 computer program Methods 0.000 claims description 10
- 230000001360 synchronised effect Effects 0.000 description 9
- 238000007689 inspection Methods 0.000 description 8
- 230000005291 magnetic effect Effects 0.000 description 6
- 239000000463 material Substances 0.000 description 6
- 239000011159 matrix material Substances 0.000 description 6
- 238000010586 diagram Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 230000003993 interaction Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000003068 static effect Effects 0.000 description 4
- 239000012634 fragment Substances 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000013519 translation Methods 0.000 description 2
- 230000035508 accumulation Effects 0.000 description 1
- 238000009825 accumulation Methods 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000005294 ferromagnetic effect Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 239000002245 particle Substances 0.000 description 1
- 239000012780 transparent material Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Computer Graphics (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种数据处理方法、装置及一种电子设备和计算机可读存储介质，该方法包括：生成并显示三维场景，并创建与服务器之间的通信链路；通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染。本申请提供的数据处理方法，避免了浏览器在三维场景中性能较差、假死甚至宕机的情况，提升了三维场景的渲染效率与页面性能。另外，浏览器与服务器之间使用wasm文件的方式存储与传输数据，避免了数据被截取破译，提高了数据的安全性。
Description
技术领域
本申请涉及三维渲染技术领域，更具体地说，涉及一种数据处理方法、装置及一种电子设备和一种计算机可读存储介质。
背景技术
浏览器在展示3D(三维)机房时使用webgl渲染，而3D机房中有交互时浏览器需要进行大量的运算，若数据量大，由于浏览器js(javascrip)为单线程问题，在处理大量运算时造成浏览器假死，使用户不能同时进行其他交互操作，造成性能问题甚至客户端闪退，或者数据被不良分子劫持，能分析出所有机柜与机器的位置信息，导致隐私泄露。
因此，如何提高三维场景的渲染效率与页面性能是本领域技术人员需要解决的技术问题。
申请内容
本申请的目的在于提供一种数据处理方法、装置及一种电子设备和一种计算机可读存储介质，提高了三维场景的渲染效率与页面性能。
为实现上述目的，本申请提供了一种数据处理方法，应用于浏览器，包括：
生成并显示三维场景，并创建与服务器之间的通信链路；
通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；
接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染。
其中，所述生成并显示三维场景，包括：
获取场景wasm文件，并利用所述场景wasm文件生成并显示三维场景。
其中，所述获取场景wasm文件，包括：
从所述服务器中获取所述场景wasm文件。
其中，所述获取场景wasm文件，包括：
基于每个元素的初始位置和初始着色生成所述场景wasm文件。
其中，所述计算请求包括所述三维场景中目标元素的当前位置和计算需求。
其中，所述创建与服务器之间的通信链路之后，还包括：
创建目标线程；
相应的，所述接收所述服务器发送的wasm文件，包括：
利用所述目标线程接收所述服务器发送的wasm文件。
其中，所述wasm文件包括所述运算结果和dom节点，所述基于所述wasm文件在所述三维场景中进行三维渲染，包括：
利用所述目标线程基于所述wasm文件中的运算结果生成着色程序和动画代码；
利用所述着色程序更新所述三维场景中元素的着色，并利用所述动画代码渲染dom节点或触发画布事件，以便完成所述三维场景中的三维渲染。
为实现上述目的，本申请提供了一种数据处理装置，应用于浏览器，包括：
生成模块，用于生成并显示三维场景，并创建与服务器之间的通信链路；
发送模块，用于通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；
渲染模块，用于接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染。
为实现上述目的，本申请提供了一种电子设备，包括：
存储器，用于存储计算机程序；
处理器，用于执行所述计算机程序时实现如上述数据处理方法的步骤。
为实现上述目的，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上述数据处理方法的步骤。
通过以上方案可知，本申请提供的一种数据处理方法，包括：生成并显示三维场景，并创建与服务器之间的通信链路；通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染。
本申请提供的数据处理方法，将浏览器渲染需要的大规模计算在服务器端进行，服务器将运算结果生成wasm文件，浏览器只需解析接收到的wasm文件即可在三维场景中进行三维渲染，避免了浏览器在三维场景中性能较差、假死甚至宕机的情况，提升了三维场景的渲染效率与页面性能。另外，浏览器与服务器之间使用wasm文件的方式存储与传输数据，避免了数据被截取破译，提高了数据的安全性。本申请还公开了一种数据处理装置及一种电子设备和一种计算机可读存储介质，同样能实现上述技术效果。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本申请。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：
图1为根据一示例性实施例示出的一种数据处理方法的流程图；
图2为根据一示例性实施例示出的另一种数据处理方法的流程图；
图3为根据一示例性实施例示出的一种数据处理装置的结构图；
图4为根据一示例性实施例示出的一种电子设备的结构图。
具体实施方式
以三维机房场景为例，在该三维场景下，生成网格状地板需要考虑用户设置长，宽，间距，材质。生成机柜需要考虑用户设置长宽，高度，厚度，材质，品牌。移动机柜位置需要判断机柜是否超出地板边界，是否保持在地板正上方，是否与其他机柜重叠而导致碰撞等等。在相关技术中，上述计算和判断需要在浏览器端进行大量运算，而当用户的客户端本身配置不高或者浏览器版本较低并且机柜数量过多，地板大小过大时，由于js单线程的特点，UI(User Interface，用户界面)渲染线程被阻塞，会造成浏览器假死甚至宕机的情况。
因此，在本申请中，将浏览器渲染需要的大规模计算在服务器端进行，服务器将运算结果生成wasm(WebAssembly Binary Code)文件，浏览器只需解析接收到的wasm文件即可在三维场景中进行三维渲染，避免过大计算量占用浏览器UI渲染线程，达到优化性能，并且实时展示的效果。
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。另外，在本申请实施例中，“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。
本申请实施例公开了一种数据处理方法，提高了三维场景的渲染效率与页面性能。
参见图1，根据一示例性实施例示出的一种数据处理方法的流程图，如图1所示，包括：
S101：生成并显示三维场景，并创建与服务器之间的通信链路；
本实施例的执行主体为浏览器，目的为实现三维场景的渲染。在本步骤中，浏览器首先生成并显示三维场景，优选的，浏览器可以基于场景wasm文件生成并显示三维场景，即所述生成并显示三维场景，包括：获取场景wasm文件，并利用所述场景wasm文件生成并显示三维场景。在具体实施中，浏览器只需要解析场景wasm文件即可生成并显示三维场景，减少了浏览器计算的数据量，提升了浏览器的性能，提高了生成三维场景的效率，。
作为一种可行的实施方式，所述获取场景wasm文件，包括：从所述服务器中获取所述场景wasm文件。作为另一种可行的实施方式，所述获取场景wasm文件，包括：基于每个元素的初始位置和初始着色生成所述场景wasm文件。也就是说，场景wasm文件可以由浏览器自身生成，也可以由服务器生成，本实施例不进行具体限定。
其次，浏览器在用户执行3D交互或者大量3D数据展示时，创建与服务器之间的通信链路，该通信链路用于在浏览器与服务器之间传输计算请求和wasm文件。
S102：通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；
在本步骤中，浏览器通过与服务器之间的通信链路将计算请求发送至服务器，该计算请求中可以包括三维场景中目标元素的当前位置和计算需求，上述目标元素可以为需要移动位置的元素。需要说明的是，若一个页面有多个场景，可以发送多条计算请求。
服务器基于接收到的计算请求执行碰撞检测，位置更新，材质更新等一系列运算后，将运算结果生成wasm文件推送给浏览器。例如，在三维机房场景中，以一个机柜为一个单元，生成一个wasm文件，材质的顶点着色器和片元着色器代码都存储在wasm中，也可以使用wasm存储运动轨迹信息，如机柜搬动或或者自动巡检轨迹等。
S103：接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染。
在具体实施中，浏览器可以对接收到的wasm文件进行解析，基于解析结果在三维场景中进行三维渲染。
作为一种优选实施方式，所述创建与服务器之间的通信链路之后，还包括：创建目标线程；相应的，所述接收所述服务器发送的wasm文件，包括：利用所述目标线程接收所述服务器发送的wasm文件。在具体实施中，在浏览器创建与服务器之间的通信链路之后，创建目标线程，该目标线程用于接收服务器推送的wasm文件。
作为一种可行的实施方式，所述wasm文件包括所述运算结果和dom节点，所述基于所述wasm文件在所述三维场景中进行三维渲染，包括：利用所述目标线程基于所述wasm文件中的运算结果生成着色程序和动画代码；利用所述着色程序更新所述三维场景中元素的着色，并利用所述动画代码渲染dom节点或触发画布事件，以便完成所述三维场景中的三维渲染。
在具体实施中，由于目标线程不能直接操作dom节点的特性，在返回运算结果时可将dom节点一并返回给浏览器。目标线程组装场景数据，生成着色程序和动画代码反馈给浏览器。浏览器根据目标线程中数据与dom节点，利用所述动画代码判断直接渲染dom或者触发画布事件，利用所述着色程序更新顶点着色与片元着色，在用户感知不到的状态下可执行跳帧运算，从而减轻浏览器压力，完成上述操作之后清除目标线程。
本申请实施例提供的数据处理方法，将浏览器渲染需要的大规模计算在服务器端进行，服务器将运算结果生成wasm文件，浏览器只需解析接收到的wasm文件即可在三维场景中进行三维渲染，避免了浏览器在三维场景中性能较差、假死甚至宕机的情况，提升了三维场景的渲染效率与页面性能。另外，浏览器与服务器之间使用wasm文件的方式存储与传输数据，避免了数据被截取破译，提高了数据的安全性。
本申请实施例公开了一种数据处理方法，相对于上一实施例，本实施例对技术方案作了进一步的说明和优化。具体的：
参见图2，根据一示例性实施例示出的另一种数据处理方法的流程图，如图2所示，包括：
S201：生成并显示三维场景，并创建与服务器之间的通信链路和目标线程；
S202：通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；
S203：利用所述目标线程接收所述服务器发送的wasm文件，并基于所述wasm文件中的运算结果生成着色程序和动画代码；
S204：利用所述着色程序更新所述三维场景中元素的着色，并利用所述动画代码渲染dom节点或触发画布事件，以便完成所述三维场景中的三维渲染。
下面介绍本申请提供的一种应用实施例，若三维场景需要实时计算地球两点之间的等角航线从而展示数据中心在空间概念上的连接效果，首先需要根据两点在地球上实际的经纬线来确定该地区在三维场景球体的位置，计算两点之间的距离做直线，根据该直线与相交经线所成角度相同(墨卡托投影)，可做出两点之间的恒向线(即数据中心在3d场景中相连接效果)，线条中的粒子群，需要生成500个点，点的个数根据移动方向从多到少排列，沿上面计算出的恒向线实时推进各个点的坐标，判断到目的地时将已达到目的地的点的坐标置为初始值，如此循环。
由以上可看出，实时监控所有点的位置这样的计算量对于浏览器来说负荷较大，会引起场景掉帧，甚至卡死浏览器的情况发生，而如果将这样的运算放在服务器端，计算完毕后生成wasm文件通过通信链路推送至浏览器，并在客户端中使用webwoker解析wasm文件，组装所有点集的数据，再进行渲染，会大大增加页面的流畅度以及减少浏览器负荷。
下面介绍本申请提供的另一种应用实施例，3D多人巡检机房，实时更新所有巡检人员位置，巡检人员在实时移动过程中在场景的位置应该是前一帧与后一帧相连并且各个人员之间的位置不能重合即不能发生碰撞(同理可延伸至机柜排线功能)。
计算需要结合平移矩阵，旋转矩阵，观察矩阵累积之间的过程。而当巡检人员巡检至以一个机柜时，机柜柜门打开，改变相邻机柜材质为透明材质实时匹配各个巡检人员的坐标与场景中机柜坐标来匹配开门机柜，同时避开其他巡检人员路线，避免碰撞。这个过程涉及到矩阵变化运算，在相机上的投影运算。
上述计算过程在服务器端进行，每个巡检人员实时位置乘平移矩阵与旋转矩阵后，匹配所有已存在机柜位置，并且排除有人员巡检过的机柜。在得出所有位置信息后推送给客户端，浏览器将相应机柜门坐标乘旋转矩阵后并修改相邻机柜材质后，组装所有位置与巡检人员信息，输出给场景解析，从而达到更新场景的目的。
下面对本申请实施例提供的一种数据处理装置进行介绍，下文描述的一种数据处理装置与上文描述的一种数据处理方法可以相互参照。
参见图3，根据一示例性实施例示出的一种数据处理装置的结构图，如图3所示，包括：
生成模块301，用于生成并显示三维场景，并创建与服务器之间的通信链路；
发送模块302，用于通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；
渲染模块303，用于接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染。
本申请实施例提供的数据处理装置，将浏览器渲染需要的大规模计算在服务器端进行，服务器将运算结果生成wasm文件，浏览器只需解析接收到的wasm文件即可在三维场景中进行三维渲染，避免了浏览器在三维场景中性能较差、假死甚至宕机的情况，提升了三维场景的渲染效率与页面性能。另外，浏览器与服务器之间使用wasm文件的方式存储与传输数据，避免了数据被截取破译，提高了数据的安全性。
在上述实施例的基础上，作为一种优选实施方式，所述生成模块301包括：
第一生成单元，用于获取场景wasm文件，并利用所述场景wasm文件生成并显示三维场景；
创建单元，用于创建与服务器之间的通信链路。
在上述实施例的基础上，作为一种优选实施方式，所述第一生成单元具体为从所述服务器中获取所述场景wasm文件，并利用所述场景wasm文件生成并显示三维场景的单元。
在上述实施例的基础上，作为一种优选实施方式，所述第一生成单元具体为基于每个元素的初始位置和初始着色生成所述场景wasm文件，并利用所述场景wasm文件生成并显示三维场景的单元。
在上述实施例的基础上，作为一种优选实施方式，所述计算请求包括所述三维场景中目标元素的当前位置和计算需求。
在上述实施例的基础上，作为一种优选实施方式，还包括：
创建模块，用于创建目标线程；
相应的，所述渲染模块303具体为利用所述目标线程接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染的模块。
在上述实施例的基础上，作为一种优选实施方式，所述wasm文件包括所述运算结果和dom节点，所述渲染模块303包括：
接收单元，用于接收所述服务器发送的wasm文件；
第二生成单元，用于利用所述目标线程基于所述wasm文件中的运算结果生成着色程序和动画代码；
渲染单元，用于利用所述着色程序更新所述三维场景中元素的着色，并利用所述动画代码渲染dom节点或触发画布事件，以便完成所述三维场景中的三维渲染。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
基于上述程序模块的硬件实现，且为了实现本申请实施例的方法，本申请实施例还提供了一种电子设备，图4为根据一示例性实施例示出的一种电子设备的结构图，如图4所示，电子设备包括：
通信接口1，能够与其它设备比如网络设备等进行信息交互；
处理器2，与通信接口1连接，以实现与其它设备进行信息交互，用于运行计算机程序时，执行上述一个或多个技术方案提供的应用的访问方法。而所述计算机程序存储在存储器3上。
当然，实际应用时，电子设备中的各个组件通过总线系统4耦合在一起。可理解，总线系统4用于实现这些组件之间的连接通信。总线系统4除包括数据总线之外，还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见，在图4中将各种总线都标为总线系统4。
本申请实施例中的存储器3用于存储各种类型的数据以支持电子设备的操作。这些数据的示例包括：用于在电子设备上操作的任何计算机程序。
可以理解，存储器3可以是易失性存储器或非易失性存储器，也可包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(ROM，Read Only Memory)、可编程只读存储器(PROM，Programmable Read-Only Memory)、可擦除可编程只读存储器(EPROM，Erasable Programmable Read-Only Memory)、电可擦除可编程只读存储器(EEPROM，Electrically Erasable Programmable Read-Only Memory)、磁性随机存取存储器(FRAM，ferromagnetic random access memory)、快闪存储器(Flash Memory)、磁表面存储器、光盘、或只读光盘(CD-ROM，Compact Disc Read-Only Memory)；磁表面存储器可以是磁盘存储器或磁带存储器。易失性存储器可以是随机存取存储器(RAM，Random AccessMemory)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如静态随机存取存储器(SRAM，Static Random Access Memory)、同步静态随机存取存储器(SSRAM，Synchronous Static Random Access Memory)、动态随机存取存储器(DRAM，Dynamic Random Access Memory)、同步动态随机存取存储器(SDRAM，SynchronousDynamic Random Access Memory)、双倍数据速率同步动态随机存取存储器(DDRSDRAM，Double Data Rate Synchronous Dynamic Random Access Memory)、增强型同步动态随机存取存储器(ESDRAM，Enhanced Synchronous Dynamic Random Access Memory)、同步连接动态随机存取存储器(SLDRAM，SyncLink Dynamic Random Access Memory)、直接内存总线随机存取存储器(DRRAM，Direct Rambus Random Access Memory)。本申请实施例描述的存储器2旨在包括但不限于这些和任意其它适合类型的存储器。
上述本申请实施例揭示的方法可以应用于处理器2中，或者由处理器2实现。处理器2可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器2中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器2可以是通用处理器、DSP，或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。处理器2可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本申请实施例所公开的方法的步骤，可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储介质中，该存储介质位于存储器3，处理器2读取存储器3中的程序，结合其硬件完成前述方法的步骤。
处理器2执行所述程序时实现本申请实施例的各个方法中的相应流程，为了简洁，在此不再赘述。
在示例性实施例中，本申请实施例还提供了一种存储介质，即计算机存储介质，具体为计算机可读存储介质，例如包括存储计算机程序的存储器3，上述计算机程序可由处理器2执行，以完成前述方法所述步骤。计算机可读存储介质可以是FRAM、ROM、PROM、EPROM、EEPROM、Flash Memory、磁表面存储器、光盘、或CD-ROM等存储器。
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
或者，本申请上述集成的单元如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是个人计算机、服务器、或者网络设备等)执行本申请各个实施例所述方法的全部或部分。而前述的存储介质包括：移动存储设备、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。
Claims (6)
1.一种数据处理方法，其特征在于，应用于浏览器，包括：
生成并显示三维场景，并创建与服务器之间的通信链路；
通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；其中，所述计算请求包括所述三维场景中目标元素的当前位置和计算需求，所述wasm文件包括所述运算结果和dom节点；
接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染；
其中，所述生成并显示三维场景，包括：
获取场景wasm文件，并利用所述场景wasm文件生成并显示三维场景；
其中，所述创建与服务器之间的通信链路之后，还包括：
创建目标线程；
相应的，所述接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染，包括：
利用所述目标线程接收所述服务器发送的wasm文件；
利用所述目标线程基于所述wasm文件中的运算结果生成着色程序和动画代码；
利用所述着色程序更新所述三维场景中元素的着色，并利用所述动画代码渲染dom节点或触发画布事件，以便完成所述三维场景中的三维渲染。
2.根据权利要求1所述数据处理方法，其特征在于，所述获取场景wasm文件，包括：
从所述服务器中获取所述场景wasm文件。
3.根据权利要求1所述数据处理方法，其特征在于，所述获取场景wasm文件，包括：
基于每个元素的初始位置和初始着色生成所述场景wasm文件。
4.一种数据处理装置，其特征在于，应用于浏览器，包括：
生成模块，用于生成并显示三维场景，并创建与服务器之间的通信链路；
发送模块，用于通过所述通信链路向所述服务器发送计算请求，以便所述服务器基于所述计算请求进行运算得到运算结果，并将所述运算结果生成wasm文件；其中，所述计算请求包括所述三维场景中目标元素的当前位置和计算需求，所述wasm文件包括所述运算结果和dom节点；
渲染模块，用于接收所述服务器发送的wasm文件，并基于所述wasm文件在所述三维场景中进行三维渲染；
其中，所述生成模块包括：
第一生成单元，用于获取场景wasm文件，并利用所述场景wasm文件生成并显示三维场景；
创建单元，用于创建与服务器之间的通信链路；
其中，所述装置还包括：
创建模块，用于创建目标线程；
相应的，所述渲染模块包括：
接收单元，用于利用所述目标线程接收所述服务器发送的wasm文件；
第二生成单元，用于利用所述目标线程基于所述wasm文件中的运算结果生成着色程序和动画代码；
渲染单元，用于利用所述着色程序更新所述三维场景中元素的着色，并利用所述动画代码渲染dom节点或触发画布事件，以便完成所述三维场景中的三维渲染。
5.一种电子设备，其特征在于，包括：
存储器，用于存储计算机程序；
处理器，用于执行所述计算机程序时实现如权利要求1至3中任一项所述数据处理方法的步骤。
6.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至3中任一项所述数据处理方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011225945.5A CN112435320B (zh) | 2020-11-05 | 2020-11-05 | 一种数据处理方法、装置及电子设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011225945.5A CN112435320B (zh) | 2020-11-05 | 2020-11-05 | 一种数据处理方法、装置及电子设备和存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112435320A CN112435320A (zh) | 2021-03-02 |
| CN112435320B true CN112435320B (zh) | 2023-12-22 |
Family
ID=74694681
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011225945.5A Active CN112435320B (zh) | 2020-11-05 | 2020-11-05 | 一种数据处理方法、装置及电子设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112435320B (zh) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103106680A (zh) * | 2013-02-16 | 2013-05-15 | 赞奇科技发展有限公司 | 基于云计算架构的三维图形渲染的实现方法及云服务系统 |
| CN106127844A (zh) * | 2016-06-22 | 2016-11-16 | 民政部零研究所 | 移动终端用户实时交互访问远程3d场景的渲染交互方法 |
| CN109359262A (zh) * | 2018-10-11 | 2019-02-19 | 广州酷狗计算机科技有限公司 | 动画播放方法、装置、终端及存储介质 |
| CN109861948A (zh) * | 2017-11-30 | 2019-06-07 | 腾讯科技(成都)有限公司 | 虚拟现实数据处理方法、装置、存储介质和计算机设备 |
| US10452868B1 (en) * | 2019-02-04 | 2019-10-22 | S2 Systems Corporation | Web browser remoting using network vector rendering |
| CN111724248A (zh) * | 2020-06-29 | 2020-09-29 | 深圳壹账通智能科技有限公司 | 机器学习算法的部署方法、微表情识别方法及终端设备 |
| CN111798553A (zh) * | 2020-07-13 | 2020-10-20 | 重庆大学 | 基于WebGL的三维模型渲染方法、系统及相关装置 |
| CN111833429A (zh) * | 2019-04-04 | 2020-10-27 | 厦门雅基软件有限公司 | 三维游戏渲染方法、三维引擎、电子设备及可读存储介质 |
| CN111881401A (zh) * | 2020-08-04 | 2020-11-03 | 浪潮云信息技术股份公司 | 基于WebAssembly的浏览器深度学习方法及系统 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1276393C (zh) * | 2001-10-11 | 2006-09-20 | 株式会社亚派 | Web 3D图像显示系统 |
-
2020
- 2020-11-05 CN CN202011225945.5A patent/CN112435320B/zh active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103106680A (zh) * | 2013-02-16 | 2013-05-15 | 赞奇科技发展有限公司 | 基于云计算架构的三维图形渲染的实现方法及云服务系统 |
| CN106127844A (zh) * | 2016-06-22 | 2016-11-16 | 民政部零研究所 | 移动终端用户实时交互访问远程3d场景的渲染交互方法 |
| CN109861948A (zh) * | 2017-11-30 | 2019-06-07 | 腾讯科技(成都)有限公司 | 虚拟现实数据处理方法、装置、存储介质和计算机设备 |
| CN109359262A (zh) * | 2018-10-11 | 2019-02-19 | 广州酷狗计算机科技有限公司 | 动画播放方法、装置、终端及存储介质 |
| US10452868B1 (en) * | 2019-02-04 | 2019-10-22 | S2 Systems Corporation | Web browser remoting using network vector rendering |
| CN111833429A (zh) * | 2019-04-04 | 2020-10-27 | 厦门雅基软件有限公司 | 三维游戏渲染方法、三维引擎、电子设备及可读存储介质 |
| CN111724248A (zh) * | 2020-06-29 | 2020-09-29 | 深圳壹账通智能科技有限公司 | 机器学习算法的部署方法、微表情识别方法及终端设备 |
| CN111798553A (zh) * | 2020-07-13 | 2020-10-20 | 重庆大学 | 基于WebGL的三维模型渲染方法、系统及相关装置 |
| CN111881401A (zh) * | 2020-08-04 | 2020-11-03 | 浪潮云信息技术股份公司 | 基于WebAssembly的浏览器深度学习方法及系统 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112435320A (zh) | 2021-03-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20210319614A1 (en) | Systems and methods for transmitting and rendering 3d visualizations over a network | |
| US10073438B2 (en) | Assessing machine trajectories for collision avoidance | |
| US9606712B1 (en) | Placement of user interface elements in a browser based on navigation input | |
| CN112691381B (zh) | 虚拟场景的渲染方法、装置、设备及计算机可读存储介质 | |
| CN106055294B (zh) | 一种图层合成优化方法和装置 | |
| CN103810728A (zh) | 用于将经修改的覆盖数据输入像素着色器的系统和方法 | |
| KR20190071764A (ko) | 모바일 디바이스 상에 이미지를 애니메이팅하기 위한 방법 및 장치 | |
| US8867789B2 (en) | Systems and methods for tracking an object in a video | |
| CN108196964A (zh) | 一种将数据流模块化的方法和装置 | |
| Nah et al. | SATO: Surface area traversal order for shadow ray tracing | |
| CN105869199A (zh) | 用于处理动画的装置和方法 | |
| CN113703785A (zh) | 基于组件的平台部署方法、装置、设备及存储介质 | |
| CN113657518B (zh) | 训练方法、目标图像检测方法、装置、电子设备以及介质 | |
| CN112435320B (zh) | 一种数据处理方法、装置及电子设备和存储介质 | |
| US10459834B2 (en) | Run time and historical workload report scores for customer profiling visualization | |
| CN113342249A (zh) | 可实时预览的内容管理方法、装置、设备及存储介质 | |
| US20150242988A1 (en) | Methods of eliminating redundant rendering of frames | |
| CN108563479A (zh) | 重定向窗口的控制方法、装置、虚拟机和重定向系统 | |
| EP3232405B1 (en) | Image processing apparatus and method for processing images | |
| CN110990106A (zh) | 数据展示方法、装置、计算机设备及存储介质 | |
| CN114866801B (zh) | 视频数据的处理方法、装置、设备及计算机可读存储介质 | |
| Staneker et al. | Occlusion culling in OpenSG PLUS | |
| CN105791888A (zh) | 一种视频分析的方法及装置 | |
| CN115964084A (zh) | 数据交互方法、电子设备、存储介质 | |
| CN107589978B (zh) | 一种Flash中页面刷新方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |