CN113516747A - 3d动态内容展示方法、装置、计算机设备和存储介质 - Google Patents
3d动态内容展示方法、装置、计算机设备和存储介质 Download PDFInfo
- Publication number
- CN113516747A CN113516747A CN202110547644.2A CN202110547644A CN113516747A CN 113516747 A CN113516747 A CN 113516747A CN 202110547644 A CN202110547644 A CN 202110547644A CN 113516747 A CN113516747 A CN 113516747A
- Authority
- CN
- China
- Prior art keywords
- displayed
- work
- data
- display
- display request
- 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
- 238000000034 method Methods 0.000 title claims abstract description 28
- 230000000694 effects Effects 0.000 claims abstract description 24
- 238000009877 rendering Methods 0.000 claims abstract description 10
- 238000012545 processing Methods 0.000 claims abstract description 7
- 238000000605 extraction Methods 0.000 claims description 13
- 230000009466 transformation Effects 0.000 claims description 8
- 230000008878 coupling Effects 0.000 abstract description 2
- 238000010168 coupling process Methods 0.000 abstract description 2
- 238000005859 coupling reaction Methods 0.000 abstract description 2
- 238000013461 design Methods 0.000 abstract description 2
- 230000008859 change Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000001419 dependent effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 230000016776 visual perception Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/953—Querying, e.g. by the use of web search engines
- G06F16/9538—Presentation of query results
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Computer Graphics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明属于图像处理技术领域,具体涉及一种3D动态内容展示方法、装置、计算机设备和存储介质。其中方法包括:前端浏览器接收展示请求,将展示请求发送给后端服务器,展示请求包括需要展示的作品的作品ID;后端服务器接收展示请求,根据作品ID查找出对应的作品图片集,对作品图片集渲染后得到待展示数据,将待展示数据发送给前端浏览器;前端浏览器接收待展示数据,通过预设的展示方式展示作品的3D动态效果。本发明将展示作品需要的展示内容和渲染等均部署于后端服务器中,使得前端代码脚本更轻量化,低耦合度的设计方式使本发明具有很强的平台兼容性。
Description
技术领域
本发明属于图像处理技术领域,具体涉及一种3D动态内容展示方法、装置、计算机设备和存储介质。
背景技术
随着计算机科技的发展,尤其是移动设备的广泛普及,基于计算机的应用广泛进入人们生活的各个方面。基于图片自动生成动画效果,在互联网娱乐方面有很多应用。
现在一般都会采用openGL(Open Graphics Library)接口等开发包或者工具来通过渲染生成,这种方式一方面依赖第三方开发包、库文件或者工具,另一方面对系统配置和资源有特殊要求,如需要特定插件或容器才能将作品内容渲染成需要的效果,导致兼容性很差。
发明内容
本发明针对上述技术问题,目的在于提供一种3D动态内容展示方法、装置、计算机设备和存储介质。
一种3D动态内容展示方法,包括:
前端浏览器接收展示请求,将所述展示请求发送给后端服务器,所述展示请求包括需要展示的作品的作品ID;
所述后端服务器接收所述展示请求,根据所述作品ID查找出对应的作品图片集,对所述作品图片集渲染后得到待展示数据,将所述待展示数据发送给所述前端浏览器;
所述前端浏览器接收所述待展示数据,通过预设的展示方式展示作品的3D动态效果。
可选的,所述前端浏览器接收展示请求,将所述展示请求发送给后端服务器之前,包括:
所述展示请求包括展示标识;
所述前端浏览器判断所述展示标识是远程资源还是离线资源,若为离线资源,则根据展示标识内的离线路径获取本地资源,通过预设的展示方式展示作品的3D动态效果;
若为远程资源,则进行将所述展示请求发送给后端服务器的步骤。
可选的,在所述前端浏览器接收到所述待展示数据后,将所述待展示数据存储至预设的存储位置。
可选的,所述后端服务器接收所述展示请求,根据所述作品ID查找出对应的作品图片集,包括:
所述后端服务器接收所述展示请求,从预设的云服务器中获取与所述作品ID对应的作品图片集。
可选的,所述前端浏览器接收所述待展示数据,通过预设的展示方式展示作品的3D动态效果,包括:
所述前端浏览器根据顺滑度参数,对所述待展示数据进行抽帧处理,得到抽帧后的待展示数据,将首帧的作品图片进行展示。
可选的,所述顺滑度参数为默认的顺滑度参数或所述展示请求内的顺滑度参数;
所述前端浏览器在展示作品的3D动态效果时,实时接收更新的顺滑度参数,根据更新的顺滑度参数对所述待展示数据进行抽帧处理,得到抽帧后的待展示数据,将首帧的作品图片进行刷新展示。
可选的,所述前端浏览器在展示作品的3D动态效果时,实时接收变换幅度数据,根据所述变换幅度数据按预设的比例刷新当前展示的作品图片。
一种3D动态内容展示装置,包括:
前端发送请求模块,用于前端浏览器接收展示请求,将所述展示请求发送给后端服务器,所述展示请求包括需要展示的作品的作品ID;
后端渲染数据模块,用于所述后端服务器接收所述展示请求,根据所述作品ID查找出对应的作品图片集,对所述作品图片集渲染后得到待展示数据,将所述待展示数据发送给所述前端浏览器;
前端展示模块,用于所述前端浏览器接收所述待展示数据,通过预设的展示方式展示作品的3D动态效果。
一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行上述3D动态内容展示方法的步骤。
一种存储有计算机可读指令的存储介质,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行上述3D动态内容展示方法的步骤。
有益效果:本发明将展示作品需要的展示内容和渲染等均部署于后端服务器中,使得前端代码脚本更轻量化,这种方式与传统需要装载各种依赖包或三方插件相比,无需特定插件,大众终端设备即可展示3D动态内容,低耦合度的设计方式使本发明具有很强的平台兼容性,使得作品及内容更易于被渲染成新颖的表现形式。
附图说明
图1为本发明的一种整体流程示意图。
具体实施方式
为了使本发明实现的技术手段、创作特征、达成目的与功效易于明白了解,下面结合具体图示进一步阐述本发明。
参照图1,一种3D动态内容展示方法,包括如下具体步骤:
S1,前端发送请求:前端浏览器接收展示请求,将展示请求发送给后端服务器,展示请求包括需要展示的作品的作品ID。
用户可以通过http协议向前端浏览器给出作品ID及其他参数等信息,在前端浏览器上可以展示该用户所有的作品信息供用户选择,包括位于本地设备上预设的存储位置内的待展示数据对应的作品信息,和该用户对应的远程资源对应的作品信息。当前端浏览器展示这些作品信息时,可以只展示首帧的作品图片,以供用户选择。前端浏览器还可以展示本地的离线资源接口供用户输入或选择离线路径。
在一个实施例中,前端浏览器接收用户发送的展示请求后,将展示请求发送给后端服务器之前,包括:
展示请求包括展示标识;前端浏览器判断展示标识是远程资源还是离线资源,若为离线资源,则根据展示标识内的离线路径获取本地资源,通过预设的展示方式展示作品的3D动态效果;若为远程资源,则进行将展示请求发送给后端服务器的步骤。
前端浏览器可向用户提供两种资源的选择,即远程资源或离线资源,远程资源为作品图片集位于远程的云服务器内,离线资源为作品图片集位于本地设备的存储设备上,只需调用本地资源即可实现展示目的,此时无需向远程的后端服务器进行展示请求获取作品图片集。
在一个实施例中,在前端浏览器接收到待展示数据后,将待展示数据存储至预设的存储位置。
由于本发明还给出了离线资源的选择,因此在用户的展示请求为远程资源时,前端浏览器第一次接收到待展示数据后,将该待展示数据也存储在本地的存储设备上,以供用户后续通过离线资源查看作品的3D动态效果。
S2,后端查找并渲染数据:后端服务器接收展示请求,根据作品ID查找出对应的作品图片集,对作品图片集渲染后得到待展示数据,将待展示数据发送给前端浏览器。
当展示请求内的展示标识是远程资源时,通过后端服务器查找并渲染作品图片集。该作品图片集是预选已制作和存储在预设的存储位置的。
在一个实施例中,后端服务器接收展示请求,从预设的云服务器中获取与作品ID对应的作品图片集。
本发明的每份作品ID对应的作品图片集均根据用户定义的设置在该用户下的云服务器内,供不同的后端服务器进行多次的获取使用。
S3,前端展示3D动态效果:前端浏览器接收待展示数据,通过预设的展示方式展示作品的3D动态效果。
前端浏览器在展示作品时,还根据预设的参数进行用户自定义展示。
在一个实施例中,步骤S3,包括:
前端浏览器根据顺滑度参数,对待展示数据进行抽帧处理,得到抽帧后的待展示数据,将首帧的作品图片进行展示。
本实施例中的顺滑度参数是指切换作品时,视觉感受到的顺畅程度,例如同一段视频等时抽帧的数量越多,则画面看起来更顺滑。本实施例中的顺滑度参数为默认的顺滑度参数或展示请求内的顺滑度参数。
向前端浏览器的展示内容中还包括顺滑度参数的选择或更改界面,在用户向前端浏览器进行展示请求时,还可以包括对顺滑度参数的选择或更改,若用户没有选择或更改顺滑度参数,则前端浏览器通过默认的顺滑度参数对待展示数据进行抽帧处理。
在一个实施例中,前端浏览器在展示作品的3D动态效果时,实时接收更新的顺滑度参数,根据更新的顺滑度参数对待展示数据进行抽帧处理,得到抽帧后的待展示数据,将首帧的作品图片进行刷新展示。
用户可以通过前端浏览器控制作品在展示过程中被展示的总帧数即可实现切换顺滑度目的。
在一个实施例中,前端浏览器在展示作品的3D动态效果时,实时接收变换幅度数据,根据变换幅度数据按预设的比例刷新当前展示的作品图片。
本实施例中的变换幅度数据为通过捕获终端设备上用户触发的滑动动作获取的数据。例如当前端浏览器通过触摸屏展示作品的3D动态效果时,实时接收用户在触摸屏上手指移动触发的滑动动作,将滑动动作作为变换幅度数据,根据滑动的方向等参数,按比例依次展示作品图片。
在一个实施例中,提出了一种3D动态内容展示装置,包括:
前端发送请求模块,用于前端浏览器接收展示请求,将展示请求发送给后端服务器,展示请求包括需要展示的作品的作品ID;
后端渲染数据模块,用于后端服务器接收展示请求,根据作品ID查找出对应的作品图片集,对作品图片集渲染后得到待展示数据,将待展示数据发送给前端浏览器;
前端展示模块,用于前端浏览器接收待展示数据,通过预设的展示方式展示作品的3D动态效果。
在一个实施例中,提出了一种计算机设备,包括存储器和处理器,存储器中存储有计算机可读指令,计算机可读指令被处理器执行时,使得处理器执行上述各实施例3D动态内容展示方法中的步骤。
在一个实施例中,提出了一种存储有计算机可读指令的存储介质,计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行上述各实施例3D动态内容展示方法中的步骤。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:非易失性存储介质、只读存储器(ROM,Read Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁盘或光盘等。
以上各实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上显示和描述了本发明的基本原理、主要特征和本发明的优点。本行业的技术人员应该了解,本发明不受上述实施例的限制,上述实施例和说明书中描述的只是说明本发明的原理,在不脱离本发明精神和范围的前提下,本发明还会有各种变化和改进,这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。
Claims (10)
1.一种3D动态内容展示方法,其特征在于,包括:
前端浏览器接收展示请求,将所述展示请求发送给后端服务器,所述展示请求包括需要展示的作品的作品ID;
所述后端服务器接收所述展示请求,根据所述作品ID查找出对应的作品图片集,对所述作品图片集渲染后得到待展示数据,将所述待展示数据发送给所述前端浏览器;
所述前端浏览器接收所述待展示数据,通过预设的展示方式展示作品的3D动态效果。
2.如权利要求1所述的3D动态内容展示方法,其特征在于,所述前端浏览器接收展示请求,将所述展示请求发送给后端服务器之前,包括:
所述展示请求包括展示标识;
所述前端浏览器判断所述展示标识是远程资源还是离线资源,若为离线资源,则根据展示标识内的离线路径获取本地资源,通过预设的展示方式展示作品的3D动态效果;
若为远程资源,则进行将所述展示请求发送给后端服务器的步骤。
3.如权利要求2所述的3D动态内容展示方法,其特征在于,在所述前端浏览器接收到所述待展示数据后,将所述待展示数据存储至预设的存储位置。
4.如权利要求1所述的3D动态内容展示方法,其特征在于,所述后端服务器接收所述展示请求,根据所述作品ID查找出对应的作品图片集,包括:
所述后端服务器接收所述展示请求,从预设的云服务器中获取与所述作品ID对应的作品图片集。
5.如权利要求1所述的3D动态内容展示方法,其特征在于,所述前端浏览器接收所述待展示数据,通过预设的展示方式展示作品的3D动态效果,包括:
所述前端浏览器根据顺滑度参数,对所述待展示数据进行抽帧处理,得到抽帧后的待展示数据,将首帧的作品图片进行展示。
6.如权利要求5所述的3D动态内容展示方法,其特征在于,所述顺滑度参数为默认的顺滑度参数或所述展示请求内的顺滑度参数;
所述前端浏览器在展示作品的3D动态效果时,实时接收更新的顺滑度参数,根据更新的顺滑度参数对所述待展示数据进行抽帧处理,得到抽帧后的待展示数据,将首帧的作品图片进行刷新展示。
7.如权利要求1所述的3D动态内容展示方法,其特征在于,所述前端浏览器在展示作品的3D动态效果时,实时接收变换幅度数据,根据所述变换幅度数据按预设的比例刷新当前展示的作品图片。
8.一种3D动态内容展示装置,其特征在于,包括:
前端发送请求模块,用于前端浏览器接收展示请求,将所述展示请求发送给后端服务器,所述展示请求包括需要展示的作品的作品ID;
后端渲染数据模块,用于所述后端服务器接收所述展示请求,根据所述作品ID查找出对应的作品图片集,对所述作品图片集渲染后得到待展示数据,将所述待展示数据发送给所述前端浏览器;
前端展示模块,用于所述前端浏览器接收所述待展示数据,通过预设的展示方式展示作品的3D动态效果。
9.一种计算机设备,其特征在于,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行如权利要求1至7中任一项权利要求所述的3D动态内容展示方法的步骤。
10.一种存储有计算机可读指令的存储介质,其特征在于,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行如权利要求1至7中任一项权利要求所述的3D动态内容展示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110547644.2A CN113516747A (zh) | 2021-05-19 | 2021-05-19 | 3d动态内容展示方法、装置、计算机设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110547644.2A CN113516747A (zh) | 2021-05-19 | 2021-05-19 | 3d动态内容展示方法、装置、计算机设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113516747A true CN113516747A (zh) | 2021-10-19 |
Family
ID=78064520
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110547644.2A Pending CN113516747A (zh) | 2021-05-19 | 2021-05-19 | 3d动态内容展示方法、装置、计算机设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113516747A (zh) |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100031196A1 (en) * | 2008-07-30 | 2010-02-04 | Autodesk, Inc. | Method and apparatus for selecting and highlighting objects in a client browser |
CN103106680A (zh) * | 2013-02-16 | 2013-05-15 | 赞奇科技发展有限公司 | 基于云计算架构的三维图形渲染的实现方法及云服务系统 |
CN106127844A (zh) * | 2016-06-22 | 2016-11-16 | 民政部零研究所 | 移动终端用户实时交互访问远程3d场景的渲染交互方法 |
CN107729516A (zh) * | 2017-10-26 | 2018-02-23 | 北京百度网讯科技有限公司 | 单页应用展示方法和装置、服务器、设备及可读介质 |
CN108446384A (zh) * | 2018-03-21 | 2018-08-24 | 中国信息通信研究院 | 一种基于WebGL的网络拓扑可视化系统及数据可视化方法 |
CN108491445A (zh) * | 2018-02-13 | 2018-09-04 | 北京天元创新科技有限公司 | 区域内指标数据的展示方法及系统 |
CN112560189A (zh) * | 2020-12-25 | 2021-03-26 | 深圳壹账通创配科技有限公司 | 一种页面展示方法、装置、计算机设备及可读存储介质 |
-
2021
- 2021-05-19 CN CN202110547644.2A patent/CN113516747A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100031196A1 (en) * | 2008-07-30 | 2010-02-04 | Autodesk, Inc. | Method and apparatus for selecting and highlighting objects in a client browser |
CN103106680A (zh) * | 2013-02-16 | 2013-05-15 | 赞奇科技发展有限公司 | 基于云计算架构的三维图形渲染的实现方法及云服务系统 |
CN106127844A (zh) * | 2016-06-22 | 2016-11-16 | 民政部零研究所 | 移动终端用户实时交互访问远程3d场景的渲染交互方法 |
CN107729516A (zh) * | 2017-10-26 | 2018-02-23 | 北京百度网讯科技有限公司 | 单页应用展示方法和装置、服务器、设备及可读介质 |
CN108491445A (zh) * | 2018-02-13 | 2018-09-04 | 北京天元创新科技有限公司 | 区域内指标数据的展示方法及系统 |
CN108446384A (zh) * | 2018-03-21 | 2018-08-24 | 中国信息通信研究院 | 一种基于WebGL的网络拓扑可视化系统及数据可视化方法 |
CN112560189A (zh) * | 2020-12-25 | 2021-03-26 | 深圳壹账通创配科技有限公司 | 一种页面展示方法、装置、计算机设备及可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110458918B (zh) | 用于输出信息的方法和装置 | |
US11941762B2 (en) | System and method for augmented reality scenes | |
TWI566160B (zh) | 用於多應用程式或程序間動態模擬之協調的電腦儲存媒體、方法及計算裝置 | |
CN110704768B (zh) | 基于图形处理器的网页渲染方法以及装置 | |
CN109309842B (zh) | 直播数据处理方法和装置、计算机设备和存储介质 | |
CN105183477B (zh) | 应用程序虚拟道具信息获取系统及获取方法 | |
JP2013533540A (ja) | 適応画像レンダリングおよびインポスターの使用 | |
US20090262139A1 (en) | Video image display device and video image display method | |
CN114513520A (zh) | 基于客户端和服务器同步渲染的Web三维可视化技术 | |
US9588651B1 (en) | Multiple virtual environments | |
CN111277890B (zh) | 虚拟礼物的获取方法和三维全景直播间的生成方法 | |
CN108109191A (zh) | 渲染方法及系统 | |
CN112035046A (zh) | 榜单信息显示方法、装置、电子设备及存储介质 | |
CN114245228B (zh) | 页面链接投放方法、装置及电子设备 | |
CN112532896A (zh) | 视频的制作方法、装置、电子设备以及存储介质 | |
CN114650434A (zh) | 一种基于云服务的渲染方法及其相关设备 | |
CN114401443B (zh) | 特效视频处理方法、装置、电子设备及存储介质 | |
CN116152416A (zh) | 基于扩展现实的画面渲染方法、装置及存储介质 | |
CN113518215B (zh) | 3d动态效果生成方法、装置、计算机设备和存储介质 | |
CN106557529B (zh) | 页面跳转中的跳转页面展示方法和装置 | |
CN113516747A (zh) | 3d动态内容展示方法、装置、计算机设备和存储介质 | |
CN113419798B (zh) | 内容的展示方法、装置、设备和存储介质 | |
CN110189388B (zh) | 动画检测方法、可读存储介质及计算机设备 | |
CN114089896A (zh) | 一种渲染图像截取方法及装置 | |
WO2020108248A1 (zh) | 一种视频播放方法及装置 |
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: 20211019 |
|
RJ01 | Rejection of invention patent application after publication |