CN110704058A - 页面渲染方法、装置、存储介质、处理器及电子装置 - Google Patents
页面渲染方法、装置、存储介质、处理器及电子装置 Download PDFInfo
- Publication number
- CN110704058A CN110704058A CN201910975077.3A CN201910975077A CN110704058A CN 110704058 A CN110704058 A CN 110704058A CN 201910975077 A CN201910975077 A CN 201910975077A CN 110704058 A CN110704058 A CN 110704058A
- Authority
- CN
- China
- Prior art keywords
- cross
- mobile application
- rendering
- platform mobile
- application development
- 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.)
- Pending
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 152
- 238000000034 method Methods 0.000 title claims abstract description 57
- 238000011161 development Methods 0.000 claims abstract description 266
- 230000000977 initiatory effect Effects 0.000 claims abstract description 15
- 238000012790 confirmation Methods 0.000 claims description 28
- 230000004044 response Effects 0.000 claims description 28
- 230000006870 function Effects 0.000 claims description 23
- 238000004590 computer program Methods 0.000 claims description 21
- 230000015654 memory Effects 0.000 claims description 17
- 238000012545 processing Methods 0.000 claims description 14
- 230000001953 sensory effect Effects 0.000 abstract description 9
- 238000005516 engineering process Methods 0.000 abstract description 6
- 230000007812 deficiency Effects 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 10
- 230000005540 biological transmission Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000000295 complement effect Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000005034 decoration Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012805 post-processing Methods 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
本发明公开了一种页面渲染方法、装置、存储介质、处理器及电子装置。该方法包括：通过跨平台移动应用开发框架向服务器发起登录请求，其中，登录请求用于获取待渲染的账户信息；通过跨平台移动应用开发框架接收服务器返回的与登录请求对应的账户信息；通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。本发明解决了相关技术中所提供的React Native在3D渲染能力方面存在明显不足，无法满足用户的感官需求的技术问题。
Description
技术领域
本发明涉及计算机领域，具体而言，涉及一种页面渲染方法、装置、存储介质、处理器及电子装置。
背景技术
React Native(简称为RN)是一种跨平台移动应用开发框架，其为用户界面(UI)框架React在原生移动应用平台的衍生物，目前支持iOS操作系统和安卓操作系统。RN使用JS语言，类似于超文本标记语言(HTML)的JSX以及层叠样式表(CSS)来开发移动应用。ReactNative在移动应用的用户体验方面具有得天独厚的优势。
相关技术中所提供的React Native渲染过程可以包括以下步骤：
第一步、通过React JSX特性扩展JS语言。
第二步、通过React Native应用程序接口(API)桥接实现跨多平台。
第三步、通过移动端各个平台主题实现移动应用的UI用户体验。
第四步、通过移动端各个平台底层系统API实现三维(3D)对象的基本渲染。
Unity3d是一种游戏开发引擎，其在3D渲染方面具有明显优势。相关技术中所提供的Unity3d渲染过程可以包括以下流程：准备顶点数组→顶点着色→网格化→模型着色→顶点后处理→图元装配→光栅化→片段着色→逐采样处理。
相关技术中所提供的React Native虽然能够实现3D对象的基本渲染，但是其3D渲染显示效果存在明显不足，无法满足用户的感官需求。
针对上述的问题，目前尚未提出有效的解决方案。
发明内容
本发明至少部分实施例提供了一种页面渲染方法、装置、存储介质、处理器及电子装置，以至少解决相关技术中所提供的React Native在3D渲染能力方面存在明显不足，无法满足用户的感官需求的技术问题。
根据本发明其中一实施例，提供了一种页面渲染方法，包括：
通过跨平台移动应用开发框架向服务器发起登录请求，其中，登录请求用于获取待渲染的账户信息；通过跨平台移动应用开发框架接收服务器返回的与登录请求对应的账户信息；通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，在通过跨平台移动应用开发框架向服务器发起登录请求之前，还包括：通过跨平台移动应用开发框架向游戏开发引擎发送渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；通过跨平台移动应用开发框架接收游戏开发引擎返回的与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
可选地，在通过跨平台移动应用开发框架向游戏开发引擎发送账户信息之后，还包括：通过跨平台移动应用开发框架接收游戏开发引擎返回的通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
根据本发明其中一实施例，还提供了另一种页面渲染方法，包括：
通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，账户信息通过跨平台移动应用开发框架向服务器发起登录请求后获得；通过游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，在通过游戏开发引擎接收来自于跨平台移动应用开发框架的账户信息之前，还包括：通过游戏开发引擎接收来自于跨平台移动应用开发框架的渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；控制游戏开发引擎开始启动运行，并通过游戏开发引擎向跨平台移动应用开发框架返回与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
可选地，在通过游戏开发引擎接收来自于跨平台移动应用开发框架的账户信息之后，还包括：通过游戏开发引擎向跨平台移动应用开发框架返回通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
可选地，通过游戏开发引擎对目标页面进行渲染包括：通过游戏开发引擎按照账户信息对目标页面中的三维游戏场景进行渲染；通过游戏开发引擎按照账户信息对目标页面中的三维游戏角色模型进行渲染。
根据本发明其中一实施例，提供了一种页面渲染装置，包括：
第一发送模块，用于通过跨平台移动应用开发框架向服务器发起登录请求，其中，登录请求用于获取待渲染的账户信息；第一接收模块，用于通过跨平台移动应用开发框架接收服务器返回的与登录请求对应的账户信息；处理模块，用于通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，上述装置还包括：第二发送模块，用于通过跨平台移动应用开发框架向游戏开发引擎发送渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；第二接收模块，用于通过跨平台移动应用开发框架接收游戏开发引擎返回的与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
可选地，上述装置还包括：第三接收模块，用于通过跨平台移动应用开发框架接收游戏开发引擎返回的通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
根据本发明其中一实施例，提供了另一种页面渲染装置，包括：
第一接收模块，用于通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，账户信息通过跨平台移动应用开发框架向服务器发起登录请求后获得；渲染模块，用于通过游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，上述装置还包括：第二接收模块，用于通过游戏开发引擎接收来自于跨平台移动应用开发框架的渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；处理模块，用于控制游戏开发引擎开始启动运行，并通过游戏开发引擎向跨平台移动应用开发框架返回与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
可选地，上述装置还包括：反馈模块，用于通过游戏开发引擎向跨平台移动应用开发框架返回通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
可选地，渲染模块，用于通过游戏开发引擎按照账户信息对目标页面中的三维游戏场景进行渲染；以及通过游戏开发引擎按照账户信息对目标页面中的三维游戏角色模型进行渲染。
根据本发明其中一实施例，提供了一种存储介质，存储介质中存储有计算机程序，其中，计算机程序被设置为运行时执行上述任一项中的页面渲染方法。
根据本发明其中一实施例，提供了一种处理器，处理器用于运行程序，其中，程序被设置为运行时执行上述任一项中的页面渲染方法。
根据本发明其中一实施例，提供了一种电子装置，包括存储器和处理器，存储器中存储有计算机程序，处理器被设置为运行计算机程序以执行上述任一项中的页面渲染方法。
在本发明至少部分实施例中，采用通过跨平台移动应用开发框架向服务器发起登录请求并接收服务器返回的与登录请求对应的待渲染的账户信息的方式，通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，达到了通过对React Native和Unity3d进行融合，利用Unity3d的渲染引擎不仅使得ReactNative能够显示高质量的3D模型和场景而且还为Unity3d带来全新的弹性UI体验的目的，从而实现了通过融合Unity3d和React Native使得移动应用在3D显示方面与用户体验方面相得益彰，充分满足用户感官需求的技术效果，进而解决了相关技术中所提供的ReactNative在3D渲染能力方面存在明显不足，无法满足用户的感官需求的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1是根据本发明其中一实施例的页面渲染方法的流程图；
图2是根据本发明其中一实施例的另一种页面渲染方法的流程图；
图3是根据本发明其中一实施例的页面渲染装置的结构框图；
图4是根据本发明其中一可选实施例的页面渲染装置的结构框图；
图5是根据本发明其中一实施例的另一种页面渲染装置的结构框图；
图6是根据本发明其中一可选实施例的另一种页面渲染装置的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
根据本发明其中一实施例，提供了一种页面渲染方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
该方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在移动终端上为例，移动终端可以包括一个或多个处理器(处理器可以包括但不限于中央处理器(CPU)、图形处理器(GPU)、数字信号处理(DSP)芯片、微处理器(MCU)或可编程逻辑器件(FPGA)等的处理装置)和用于存储数据的存储器。可选地，上述移动终端还可以包括用于通信功能的传输设备、输入输出设备以及显示设备。本领域普通技术人员可以理解，上述结构描述仅为示意，其并不对上述移动终端的结构造成限定。例如，移动终端还可包括比上述结构描述更多或者更少的组件，或者具有与上述结构描述不同的配置。
存储器可用于存储计算机程序，例如，应用软件的软件程序以及模块，如本发明实施例中的页面渲染方法对应的计算机程序，处理器通过运行存储在存储器内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的页面渲染方法。存储器可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器可进一步包括相对于处理器远程设置的存储器，这些远程存储器可以通过网络连接至移动终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输设备用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端的通信供应商提供的无线网络。在一个实例中，传输设备包括一个网络适配器(Network Interface Controller，简称为NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输设备可以为射频(Radio Frequency，简称为RF)模块，其用于通过无线方式与互联网进行通讯。
显示设备可以例如触摸屏式的液晶显示器(LCD)和触摸显示器(也被称为“触摸屏”或“触摸显示屏”)。该液晶显示器可使得用户能够与移动终端的用户界面进行交互。在一些实施例中，上述移动终端具有图像用户界面(GUI)，用户可以通过触摸触敏表面上的手指接触和/或手势来与GUI进行人机交互，此处的人机交互功能可选的包括如下交互：创建网页、绘图、文字处理、制作电子文档、游戏、视频会议、即时通信、收发电子邮件、通话界面、播放数字视频、播放数字音乐和/或网络浏览等、用于执行上述人机交互功能的可执行指令被配置/存储在一个或多个处理器可执行的计算机程序产品或可读存储介质中。
在本实施例中提供了一种运行于上述移动终端的页面渲染方法，图1是根据本发明其中一实施例的页面渲染方法的流程图，如图1所示，该方法包括如下步骤：
步骤S12，通过跨平台移动应用开发框架向服务器发起登录请求，其中，登录请求用于获取待渲染的账户信息；
步骤S14，通过跨平台移动应用开发框架接收服务器返回的与登录请求对应的账户信息；
步骤S16，通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
通过上述步骤，可以采用通过跨平台移动应用开发框架向服务器发起登录请求并接收服务器返回的与登录请求对应的待渲染的账户信息的方式，通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，达到了通过对React Native和Unity3d进行融合，利用Unity3d的渲染引擎不仅使得ReactNative能够显示高质量的3D模型和场景而且还为Unity3d带来全新的弹性UI体验的目的，从而实现了通过融合Unity3d和React Native使得移动应用在3D显示方面与用户体验方面相得益彰，充分满足用户感官需求的技术效果，进而解决了相关技术中所提供的React Native在3D渲染能力方面存在明显不足，无法满足用户的感官需求的技术问题。
上述跨平台移动应用开发框架可以包括但不限于：React Native。上述游戏开发引擎可以包括但不限于：Unity3d。
通过跨平台移动应用开发框架向服务器发起登录请求主要是应用RN的账号登录功能。上述账户信息可以包括：用户账号相关联的唯一标识(ID)、校验码以及用户属性(例如：用户头像、用户年龄、用户性别、用户喜好的游戏等)。通过应用RN的账号登录功能，使得RN能够从服务器获取到待渲染的账户信息并将待渲染的账户信息发送至Unity3d，从而Unity3d能够明确获知需要对指定的用户账户执行渲染操作。
可选地，在步骤S12，通过跨平台移动应用开发框架向服务器发起登录请求之前，还可以包括以下执行步骤：
步骤S10，通过跨平台移动应用开发框架向游戏开发引擎发送渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；
步骤S11，通过跨平台移动应用开发框架接收游戏开发引擎返回的与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
为了使得Unity3d能够对指定的用户账户执行渲染操作，在RN向Unity3d发送账户信息，以使游戏开发引擎对目标页面进行渲染之前，还需要向Unity3d发送渲染请求，以请求Unity3d对目标页面进行渲染。Unity3d在接收到渲染请求之后，可以向RN返回确定响应。该确认响应用于表示Unity3d启动完成，等待接收账户信息。
可选地，在步骤S16，通过跨平台移动应用开发框架向游戏开发引擎发送账户信息之后，还可以包括以下执行步骤：
步骤S17，通过跨平台移动应用开发框架接收游戏开发引擎返回的通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
由于RN将对目标页面进行渲染的实际操作权限移交给Unity3d，因此，在Unity3d启动完成之后，可以向RN返回通知消息，以便通过该通知消息告知RN可以关闭自身的渲染功能。即，对目标页面进行渲染由Unity3d代替RN来完成。
根据本发明其中一实施例，还提供了另一种页面渲染方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
在本实施例中提供了一种运行于上述移动终端的另一种页面渲染方法，图2是根据本发明其中一实施例的另一种页面渲染方法的流程图，如图2所示，该方法包括如下步骤：
步骤S22，通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，账户信息通过跨平台移动应用开发框架向服务器发起登录请求后获得；
步骤S24，通过游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
通过上述步骤，可以采用通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息的方式，通过游戏开发引擎对利用跨平台移动应用开发框架开发的目标页面进行渲染，达到了通过对React Native和Unity3d进行融合，利用Unity3d的渲染引擎不仅使得React Native能够显示高质量的3D模型和场景而且还为Unity3d带来全新的弹性UI体验的目的，从而实现了通过融合Unity3d和React Native使得移动应用在3D显示方面与用户体验方面相得益彰，充分满足用户感官需求的技术效果，进而解决了相关技术中所提供的React Native在3D渲染能力方面存在明显不足，无法满足用户的感官需求的技术问题。
上述跨平台移动应用开发框架可以包括但不限于：React Native。上述游戏开发引擎可以包括但不限于：Unity3d。
通过跨平台移动应用开发框架向服务器发起登录请求主要是应用RN的账号登录功能。上述账户信息可以包括：用户账号相关联的唯一标识(ID)、校验码以及用户属性(例如：用户头像、用户年龄、用户性别、用户喜好的游戏等)。通过应用RN的账号登录功能，使得RN能够从服务器获取到待渲染的账户信息并将待渲染的账户信息发送至Unity3d，从而Unity3d能够明确获知需要对指定的用户账户执行渲染操作。
可选地，在步骤S22，通过游戏开发引擎接收来自于跨平台移动应用开发框架的账户信息之前，还可以包括以下执行步骤：
步骤S20，通过游戏开发引擎接收来自于跨平台移动应用开发框架的渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；
步骤S21，控制游戏开发引擎开始启动运行，并通过游戏开发引擎向跨平台移动应用开发框架返回与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
为了使得Unity3d能够对指定的用户账户执行渲染操作，在RN向Unity3d发送账户信息，以使游戏开发引擎对目标页面进行渲染之前，还需要向Unity3d发送渲染请求，以请求Unity3d对目标页面进行渲染。Unity3d在接收到渲染请求之后，可以向RN返回确定响应。该确认响应用于表示Unity3d启动完成，等待接收账户信息。
可选地，在步骤S22，通过游戏开发引擎接收来自于跨平台移动应用开发框架的账户信息之后，还可以包括以下执行步骤：
步骤S23，通过游戏开发引擎向跨平台移动应用开发框架返回通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
由于RN将对目标页面进行渲染的实际操作权限移交给Unity3d，因此，在Unity3d启动完成之后，可以向RN返回通知消息，以便通过该通知消息告知RN可以关闭自身的渲染功能。即，对目标页面进行渲染由Unity3d代替RN来完成。
可选地，在步骤S24中，通过游戏开发引擎对目标页面进行渲染可以包括以下执行步骤：
步骤S241，通过游戏开发引擎按照账户信息对目标页面中的三维游戏场景进行渲染；
步骤S242，通过游戏开发引擎按照账户信息对目标页面中的三维游戏角色模型进行渲染。
Unity3d按照账户信息对目标页面进行渲染包括两个部分：
第一部分、通过Unity3d按照账户信息对目标页面中的三维游戏场景(主要包括：楼宇、树木、道路等静态资源)进行3D渲染；
第二部分、通过Unity3d按照账户信息对目标页面中的三维游戏角色模型(主要包括：游戏玩家所操控的游戏角色模型等动态资源)进行3D渲染。
在Unity3d完成3D渲染之后，Unity3d还会进一步实现三维游戏场景和三维游戏角色模型的3D显示。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
在本实施例中还提供了一种页面渲染装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
图3是根据本发明其中一实施例的页面渲染装置的结构框图，如图3所示，该装置包括：第一发送模块10，用于通过跨平台移动应用开发框架向服务器发起登录请求，其中，登录请求用于获取待渲染的账户信息；第一接收模块11，用于通过跨平台移动应用开发框架接收服务器返回的与登录请求对应的账户信息；处理模块12，用于通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，图4是根据本发明其中一可选实施例的页面渲染装置的结构框图，如图4所示，该装置除包括图3所示的所有模块外，上述装置还包括：第二发送模块13，用于通过跨平台移动应用开发框架向游戏开发引擎发送渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；第二接收模块14，用于通过跨平台移动应用开发框架接收游戏开发引擎返回的与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
可选地，如图4所示，该装置除包括图3所示的所有模块外，上述装置还包括：第三接收模块15，用于通过跨平台移动应用开发框架接收游戏开发引擎返回的通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
在本实施例中还提供了另一种页面渲染装置，该装置用于实现上述实施例及优选实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
图5是根据本发明其中一实施例的另一种页面渲染装置的结构框图，如图5所示，该装置包括：第一接收模块20，用于通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，账户信息通过跨平台移动应用开发框架向服务器发起登录请求后获得；渲染模块21，用于通过游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，图6是根据本发明其中一可选实施例的另一种页面渲染装置的结构框图，如图6所示，该装置除包括图5所示的所有模块外，上述装置还包括：第二接收模块22，用于通过游戏开发引擎接收来自于跨平台移动应用开发框架的渲染请求，其中，渲染请求用于请求游戏开发引擎对目标页面进行渲染；处理模块23，用于控制游戏开发引擎开始启动运行，并通过游戏开发引擎向跨平台移动应用开发框架返回与渲染请求对应的确认响应，其中，确认响应用于表示游戏开发引擎启动完成，等待接收账户信息。
可选地，如图6所示，该装置除包括图5所示的所有模块外，上述装置还包括：反馈模块24，用于通过游戏开发引擎向跨平台移动应用开发框架返回通知消息，其中，通知消息用于通知跨平台移动应用开发框架关闭渲染功能。
可选地，渲染模块21，用于通过游戏开发引擎按照账户信息对目标页面中的三维游戏场景进行渲染；以及通过游戏开发引擎按照账户信息对目标页面中的三维游戏角色模型进行渲染。
需要说明的是，上述各个模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述模块均位于同一处理器中；或者，上述各个模块以任意组合的形式分别位于不同的处理器中。
本发明的实施例还提供了一种存储介质，该存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
可选地，在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的计算机程序：
S1，通过跨平台移动应用开发框架向服务器发起登录请求，其中，登录请求用于获取待渲染的账户信息；
S2，通过跨平台移动应用开发框架接收服务器返回的与登录请求对应的账户信息；
S3，通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，在本实施例中，上述存储介质还可以被设置为存储用于执行以下步骤的计算机程序：
S1，通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，账户信息通过跨平台移动应用开发框架向服务器发起登录请求后获得；
S2，通过游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(Read-Only Memory，简称为ROM)、随机存取存储器(Random Access Memory，简称为RAM)、移动硬盘、磁碟或者光盘等各种可以存储计算机程序的介质。
本发明的实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
可选地，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。
可选地，在本实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：
S1，通过跨平台移动应用开发框架向服务器发起登录请求，其中，登录请求用于获取待渲染的账户信息；
S2，通过跨平台移动应用开发框架接收服务器返回的与登录请求对应的账户信息；
S3，通过跨平台移动应用开发框架向游戏开发引擎发送账户信息，以使游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，在本实施例中，上述处理器还可以被设置为通过计算机程序执行以下步骤：
S1，通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，账户信息通过跨平台移动应用开发框架向服务器发起登录请求后获得；
S2，通过游戏开发引擎对目标页面进行渲染，其中，目标页面是通过跨平台移动应用开发框架开发的页面。
可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。
上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。
在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中，应该理解到，所揭露的技术内容，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，可以为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-OnlyMemory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。
Claims (17)
1.一种页面渲染方法，其特征在于，包括：
通过跨平台移动应用开发框架向服务器发起登录请求，其中，所述登录请求用于获取待渲染的账户信息；
通过所述跨平台移动应用开发框架接收所述服务器返回的与所述登录请求对应的所述账户信息；
通过所述跨平台移动应用开发框架向游戏开发引擎发送所述账户信息，以使所述游戏开发引擎对目标页面进行渲染，其中，所述目标页面是通过所述跨平台移动应用开发框架开发的页面。
2.根据权利要求1所述的方法，其特征在于，在通过所述跨平台移动应用开发框架向所述服务器发起所述登录请求之前，还包括：
通过所述跨平台移动应用开发框架向所述游戏开发引擎发送渲染请求，其中，所述渲染请求用于请求所述游戏开发引擎对所述目标页面进行渲染；
通过所述跨平台移动应用开发框架接收所述游戏开发引擎返回的与所述渲染请求对应的确认响应，其中，所述确认响应用于表示所述游戏开发引擎启动完成，等待接收所述账户信息。
3.根据权利要求1所述的方法，其特征在于，在通过所述跨平台移动应用开发框架向所述游戏开发引擎发送所述账户信息之后，还包括：
通过所述跨平台移动应用开发框架接收所述游戏开发引擎返回的通知消息，其中，所述通知消息用于通知所述跨平台移动应用开发框架关闭渲染功能。
4.一种页面渲染方法，其特征在于，包括：
通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，所述账户信息通过所述跨平台移动应用开发框架向服务器发起登录请求后获得；
通过所述游戏开发引擎对目标页面进行渲染，其中，所述目标页面是通过所述跨平台移动应用开发框架开发的页面。
5.根据权利要求4所述的方法，其特征在于，在通过所述游戏开发引擎接收来自于所述跨平台移动应用开发框架的所述账户信息之前，还包括：
通过所述游戏开发引擎接收来自于所述跨平台移动应用开发框架的渲染请求，其中，所述渲染请求用于请求所述游戏开发引擎对所述目标页面进行渲染；
控制所述游戏开发引擎开始启动运行，并通过所述游戏开发引擎向所述跨平台移动应用开发框架返回与所述渲染请求对应的确认响应，其中，所述确认响应用于表示所述游戏开发引擎启动完成，等待接收所述账户信息。
6.根据权利要求4所述的方法，其特征在于，在通过所述游戏开发引擎接收来自于所述跨平台移动应用开发框架的所述账户信息之后，还包括：
通过所述游戏开发引擎向所述跨平台移动应用开发框架返回通知消息，其中，所述通知消息用于通知所述跨平台移动应用开发框架关闭渲染功能。
7.根据权利要求4所述的方法，其特征在于，通过所述游戏开发引擎对所述目标页面进行渲染包括：
通过所述游戏开发引擎按照所述账户信息对所述目标页面中的三维游戏场景进行渲染；
通过所述游戏开发引擎按照所述账户信息对所述目标页面中的三维游戏角色模型进行渲染。
8.一种页面渲染装置，其特征在于，包括：
第一发送模块，用于通过跨平台移动应用开发框架向服务器发起登录请求，其中，所述登录请求用于获取待渲染的账户信息；
第一接收模块，用于通过所述跨平台移动应用开发框架接收所述服务器返回的与所述登录请求对应的所述账户信息；
处理模块，用于通过所述跨平台移动应用开发框架向游戏开发引擎发送所述账户信息，以使所述游戏开发引擎对目标页面进行渲染，其中，所述目标页面是通过所述跨平台移动应用开发框架开发的页面。
9.根据权利要求8所述的装置，其特征在于，所述装置还包括：
第二发送模块，用于通过所述跨平台移动应用开发框架向所述游戏开发引擎发送渲染请求，其中，所述渲染请求用于请求所述游戏开发引擎对所述目标页面进行渲染；
第二接收模块，用于通过所述跨平台移动应用开发框架接收所述游戏开发引擎返回的与所述渲染请求对应的确认响应，其中，所述确认响应用于表示所述游戏开发引擎启动完成，等待接收所述账户信息。
10.根据权利要求8所述的装置，其特征在于，所述装置还包括：
第三接收模块，用于通过所述跨平台移动应用开发框架接收所述游戏开发引擎返回的通知消息，其中，所述通知消息用于通知所述跨平台移动应用开发框架关闭渲染功能。
11.一种页面渲染装置，其特征在于，包括：
第一接收模块，用于通过游戏开发引擎接收来自于跨平台移动应用开发框架的待渲染的账户信息，其中，所述账户信息通过所述跨平台移动应用开发框架向服务器发起登录请求后获得；
渲染模块，用于通过所述游戏开发引擎对目标页面进行渲染，其中，所述目标页面是通过所述跨平台移动应用开发框架开发的页面。
12.根据权利要求11所述的装置，其特征在于，所述装置还包括：
第二接收模块，用于通过所述游戏开发引擎接收来自于所述跨平台移动应用开发框架的渲染请求，其中，所述渲染请求用于请求所述游戏开发引擎对所述目标页面进行渲染；
处理模块，用于控制所述游戏开发引擎开始启动运行，并通过所述游戏开发引擎向所述跨平台移动应用开发框架返回与所述渲染请求对应的确认响应，其中，所述确认响应用于表示所述游戏开发引擎启动完成，等待接收所述账户信息。
13.根据权利要求11所述的装置，其特征在于，所述装置还包括：
反馈模块，用于通过所述游戏开发引擎向所述跨平台移动应用开发框架返回通知消息，其中，所述通知消息用于通知所述跨平台移动应用开发框架关闭渲染功能。
14.根据权利要求11所述的装置，其特征在于，所述渲染模块，用于通过所述游戏开发引擎按照所述账户信息对所述目标页面中的三维游戏场景进行渲染；以及通过所述游戏开发引擎按照所述账户信息对所述目标页面中的三维游戏角色模型进行渲染。
15.一种存储介质，其特征在于，所述存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行所述权利要求1至3任一项中所述的页面渲染方法，或者，所述权利要求4至7任一项中所述的页面渲染方法。
16.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序被设置为运行时执行所述权利要求1至3任一项中所述的页面渲染方法，或者，所述权利要求4至7任一项中所述的页面渲染方法。
17.一种电子装置，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行所述权利要求1至3任一项中所述的页面渲染方法，或者，所述权利要求4至7任一项中所述的页面渲染方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910975077.3A CN110704058A (zh) | 2019-10-14 | 2019-10-14 | 页面渲染方法、装置、存储介质、处理器及电子装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910975077.3A CN110704058A (zh) | 2019-10-14 | 2019-10-14 | 页面渲染方法、装置、存储介质、处理器及电子装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110704058A true CN110704058A (zh) | 2020-01-17 |
Family
ID=69199769
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910975077.3A Pending CN110704058A (zh) | 2019-10-14 | 2019-10-14 | 页面渲染方法、装置、存储介质、处理器及电子装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110704058A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111414158A (zh) * | 2020-03-15 | 2020-07-14 | 杭州卓健信息科技有限公司 | 跨平台开发方法、跨平台开发系统及电子设备 |
| CN111857658A (zh) * | 2020-06-19 | 2020-10-30 | 北京字节跳动网络技术有限公司 | 一种渲染动态组件的方法、装置、介质和电子设备 |
| CN112073488A (zh) * | 2020-08-28 | 2020-12-11 | 青岛海尔科技有限公司 | 处理请求的方法及装置 |
| CN113342340A (zh) * | 2021-05-31 | 2021-09-03 | 北京达佳互联信息技术有限公司 | 组件渲染方法及装置 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20190129715A1 (en) * | 2016-07-18 | 2019-05-02 | Tencent Technology (Shenzhen) Company Limited | Method, apparatus and system for generating augmented reality module and storage medium |
| CN109938757A (zh) * | 2019-03-11 | 2019-06-28 | 长安大学 | 一种营运车辆驾驶人的安全适宜性检测装置及方法 |
| CN110221689A (zh) * | 2019-05-10 | 2019-09-10 | 杭州趣维科技有限公司 | 一种基于增强现实的空间绘画方法 |
| CN110275704A (zh) * | 2019-05-24 | 2019-09-24 | 北京三快在线科技有限公司 | 页面数据处理方法和装置，存储介质和电子设备 |
| CN110297672A (zh) * | 2019-05-22 | 2019-10-01 | 深圳壹账通智能科技有限公司 | 页面动态生成方法、装置、计算机设备及存储介质 |
-
2019
- 2019-10-14 CN CN201910975077.3A patent/CN110704058A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20190129715A1 (en) * | 2016-07-18 | 2019-05-02 | Tencent Technology (Shenzhen) Company Limited | Method, apparatus and system for generating augmented reality module and storage medium |
| CN109938757A (zh) * | 2019-03-11 | 2019-06-28 | 长安大学 | 一种营运车辆驾驶人的安全适宜性检测装置及方法 |
| CN110221689A (zh) * | 2019-05-10 | 2019-09-10 | 杭州趣维科技有限公司 | 一种基于增强现实的空间绘画方法 |
| CN110297672A (zh) * | 2019-05-22 | 2019-10-01 | 深圳壹账通智能科技有限公司 | 页面动态生成方法、装置、计算机设备及存储介质 |
| CN110275704A (zh) * | 2019-05-24 | 2019-09-24 | 北京三快在线科技有限公司 | 页面数据处理方法和装置，存储介质和电子设备 |
Non-Patent Citations (1)
| Title |
|---|
| 曹同雷: "一款基于HTML5技术的游戏引擎的设计", 《科技展望》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111414158A (zh) * | 2020-03-15 | 2020-07-14 | 杭州卓健信息科技有限公司 | 跨平台开发方法、跨平台开发系统及电子设备 |
| CN111857658A (zh) * | 2020-06-19 | 2020-10-30 | 北京字节跳动网络技术有限公司 | 一种渲染动态组件的方法、装置、介质和电子设备 |
| CN112073488A (zh) * | 2020-08-28 | 2020-12-11 | 青岛海尔科技有限公司 | 处理请求的方法及装置 |
| CN113342340A (zh) * | 2021-05-31 | 2021-09-03 | 北京达佳互联信息技术有限公司 | 组件渲染方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110704058A (zh) | 页面渲染方法、装置、存储介质、处理器及电子装置 | |
| CN103763178B (zh) | 一种信息推送方法、服务器、用户终端以及系统 | |
| US20180210741A1 (en) | Media information processing method, mobile terminal, and storage medium | |
| CN107045508B (zh) | 应用程序的处理方法和装置 | |
| CA2843152C (en) | Remotely preconfiguring a computing device | |
| CN103150658A (zh) | 一种面向终端用户的现实增强定制系统及方法 | |
| WO2020143159A1 (zh) | 一种用户界面的处理方法和装置 | |
| CN103870508B (zh) | 一种网页缩放方法、装置和系统 | |
| CN112190943A (zh) | 游戏展示方法及装置、处理器、电子设备 | |
| CN111672132B (zh) | 游戏的控制方法、控制装置、服务器和存储介质 | |
| CN110675479A (zh) | 动态光照处理方法、装置、存储介质及电子装置 | |
| US11064008B2 (en) | Methods for facilitating a remote interface and devices thereof | |
| CN111773704A (zh) | 游戏数据处理方法、装置、存储介质、处理器及电子装置 | |
| US20230405452A1 (en) | Method for controlling game display, non-transitory computer-readable storage medium and electronic device | |
| CN113952740A (zh) | 游戏中的虚拟道具分享方法、装置、存储介质及电子设备 | |
| CN111701232B (zh) | 游戏画面的处理方法、装置及电子装置 | |
| CN112363932B (zh) | 待测试业务对象的测试方法及装置、电子装置 | |
| CN112199011A (zh) | 创建群组的方法、装置、处理器及电子装置 | |
| CN111111154B (zh) | 虚拟游戏对象的建模方法、装置、处理器及电子装置 | |
| CN114116105A (zh) | 动态桌面的控制方法及装置、存储介质、电子装置 | |
| CN114504808A (zh) | 信息处理方法、装置、存储介质、处理器和电子装置 | |
| CN113919910A (zh) | 产品的在线对比方法、对比装置、处理器与电子设备 | |
| CN113590013A (zh) | 虚拟资源处理方法、非易失性存储介质及电子装置 | |
| CN112386909A (zh) | 虚拟冰封区域模型的处理方法、装置、处理器及电子装置 | |
| EP3657314A1 (en) | Terminal and view character copying method thereof, and storage apparatus |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200117 |
|
| RJ01 | Rejection of invention patent application after publication |