CN104834672A - 基于互联网的实物3d互动展示系统 - Google Patents
基于互联网的实物3d互动展示系统 Download PDFInfo
- Publication number
- CN104834672A CN104834672A CN201510148358.3A CN201510148358A CN104834672A CN 104834672 A CN104834672 A CN 104834672A CN 201510148358 A CN201510148358 A CN 201510148358A CN 104834672 A CN104834672 A CN 104834672A
- Authority
- CN
- China
- Prior art keywords
- product
- content
- data
- layer
- interface
- 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
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明公开了基于互联网的实物3D互动展示系统,包括内容层、解析层、展示层与交互层;首先,用户将相应支持的3D文件传入服务器,在内容层中使用内容编辑系统对产品展示内容进行相应的各类编辑,得到产品展示数据,并将其存储;然后将产品展示数据传入解析层,对内容进行解析,由文字描述转化为展示层所能够识别的数据文件,之后使用底层的Stage3D及WebGL技术将内容呈现,生成在线链接;用户使用此链接在PC或移动端相应展示产品内容。本发明采用Stage3D与WebGL技术做为3D底层技术完成跨平台的展示产品,并且应用flash技术及HTML5技术作为展示端内容在前台呈现,Flash技术的优势在于兼容目前99%的浏览器,且速度快,运行稳定。
Description
技术领域
本发明涉及计算机图形图像技术领域,具体是基于互联网的实物3D互动展示系统。
背景技术
目前市场上3D展示技术产品基本以项目形式进行,如某公司对某项3D产品有展示需求,那么会外包给某公司为其定制开发某个3D的展示产品,这种模式不能规模化、不可复制、不能批量处理,效率低下,用户门槛高,人员利润低,同时造成产品造价高,且行业无标准。
另外目前在网络上展示的3D类产品多数以序列帧3D拼接形式为主,它的制作原理为使用一台相机对同一物体进行横向及纵向360度拍摄,之后将每张照片串联形成产品,这种做法优势在于产品拍摄周期短,费用较低,但缺点在于互动性差,只能水平或垂直移动,而基于互联网的3D展示系统则可随时随不同角度旋转,可基于卖点添加展示文字、固定各种角度等,其实时渲染效果也会令产品显得更加精美。
发明内容
本发明的目的在于提供速度快、运行稳定的基于互联网的实物3D互动展示系统,以解决上述背景技术中提出的问题。
为实现上述目的,本发明提供如下技术方案:
基于互联网的实物3D互动展示系统,包括内容层、解析层、展示层与交互层;
内容层是对产品的展示内容进行标准化处理,得到产品展示数据,并存储产品展示数据;解析层是对传入的产品展示数据生成具体代码指令;展示层是创建传入的界面绘制指令及模型创建指令,并渲染到设备屏幕;交互层接收用户输入,并从底层将渲染结果返回到设备屏幕;
首先,用户将相应支持的3D文件传入服务器,在内容层中使用内容编辑系统对产品展示内容进行相应的各类编辑,得到产品展示数据,并将其存储;然后将产品展示数据传入解析层,对产品展示数据进行解析,由文字描述转化为展示层所能够识别的数据文件,之后在展示层将内容呈现出来,生成在线链接;用户使用此链接在PC或移动端相应展示产品内容。
作为本发明进一步的方案:用户在平台上能得到两种不同格式的展示产品内容,当需要Web端展示产品时,则需上传OBJ、MD2、3DS、DAE、AWD或MD5格式的3D文件即得;当需要移动端展示产品时,则需要上传OBJ或JSON格式的3D文件即得。
作为本发明进一步的方案:产品展示数据使用数据库或格式化文件进行存储。
作为本发明进一步的方案:在展示层,使用Stage3D与WebGL技术将内容呈现出来。
作为本发明进一步的方案:内容层的产品展示数据包含文件名/logo图标、模型动画信息、模型主要材质信息、模型设计细节视角的调节及确定、以及产品的功能点信息。
作为本发明进一步的方案:在解析层,产品展示数据通过UI界面解析代码模块、模型数据解析代码模块、动画数据解析代码模块、以及产品功能点解析代码模块进行相应的程序解析。
作为本发明进一步的方案:在展示层,产品的展示代码指令包含两个部分,一是界面UI的创建,包括背景、logo、动画数据UI接口、材质替换UI接口、特写视角UI接口与功能点UI接口的创建;二是模型数据创建,包括模型与材质创建、动画数据创建、换材质模型指定以及视角数据指定。
与现有技术相比,本发明的有益效果是:本发明采用Stage3D与WebGL技术做为3D底层技术完成跨平台的展示产品,统一规范产品3D展示的接口,降低3D内容的制作门槛,获取3D模型就可以自主形成相应3D展示产品,并且由于应用flash技术及HTML5技术作为展示端内容在前台呈现,Flash技术的优势在于兼容目前99%的浏览器,且速度快,运行稳定。用户可通过软件在上传支持的3D格式模型后进行简单编辑,便可得到在线展示程序样式,并应用在线上的不同领域。HTML5技术的优势在于目前快速发展的移动端市场,如直接在移动上展示产品的3D模型。
附图说明
图1是3D展示系统使用流程及所支持的3D文件格式;
图2是内容层的结构框图;
图3是解析层的结构框图;
图4是展示层的结构框图;
图5是交互层的结构框图;
图6是本发明的结构框图。
具体实施方式
下面将结合本发明实施例,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例1
请参阅图1-图6,本发明实施例中,基于互联网的实物3D互动展示系统,通过内容层、解析层、展示层与交互层,对产品进行3D展示。
首先用户可以针对相应支持的模型文件传入服务器,使用简单的内容编辑系统针对产品展示内容进行相应的各类编辑,包括添加文字、图片、视频、视角特写等方面。存放在后台数据库或XML文件中。再将数据流流入后台的解析层,对内容进行解析,由文字描述,转化为展示层所能够识别的数据文件,之后使用底层的Stage3D及WebGL展示技术将内容呈现,生成在线链接。用户可使用此链接在PC或移动端相应展示产品内容。
内容层:展示内容的标准化处理,使用数据库或格式化文件,进行对模型数据描述内容的存储。通过用户传入3D文件的动作进行展示内容数据的标准化填充,数据包含文件名/logo图标、模型动画信息、模型主要材质信息、模型设计细节视角的调节及确定、以及产品的功能点信息,从而对应相应产品ID,同时在数据库中生成产品信息,得到产品展示数据。
解析层:对传入的产品展示数据生成具体代码指令,使用ActionScript3及ThreeJS底层编写的内容解释程序进行产品展示数据的解析。产品展示数据通过UI界面解析代码模块、模型数据解析代码模块、动画数据解析代码模块、以及产品功能点解析代码模块进行相应的程序解析,并且生成具体内容,从而创建指令,当指令传入底层引擎后,将引导并生成支持WebGL以及Stage3D的显示。
展示层:创建传入的界面绘制指令及模型创建指令,并渲染到设备屏幕,使用Stage3D与ThreeJS封装的WebGL技术进行3D内容与产品内容的展示。当一款产品被用户操作并创建,该产品的展示代码指令包含两个部分,一是界面UI的创建,主要是背景与logo、动画数据UI接口、材质替换UI接口、特写视角UI接口、功能点UI接口的创建;二是模型数据创建,包括模型与材质创建、动画数据创建、换材质模型指定以及视角数据指定;并且针对不同部分的数据创建完善和完成整体内容,显示到用户需求的设备屏幕上,如PC或移动端。
交互层接收用户输入,并从WebGL底层I/O处理以及Stage3D底层I/O处理后将渲染结果返回到设备屏幕,使用WebGL与设备输入接口的通信,实现PC端的鼠标操作与移动端的触摸操作。
通过三层内容的相互协作交替,形成该产品。
本发明以配置文件的方式将内容(各类已支持格式3D文件)录入,程序的解析层会将配置文件翻译成相对应的展示内容(如图片、文字、2D或3D动画等),材质数据,交互数据等。简单来说就是用户可以上传任何一种系统所支持形式的3D软件,通过不同的文件配置、需求的录入、图片的加载等等最终得到自身需要的演示产品。
用户在平台上可得到两种不同格式的展示内容,如果想得到Web端展示产品,用户上传OBJ、MD2、3DS、DAE、AWD或MD5格式3D文件,便可生成。用户如果希望得到移动端展示链接则需要上传OBJ或JSON格式的3D文件即可。
本发明是为规范产品3D展示的接口,降低3D内容的制作门槛而生,力求让每一个可以获取3D模型的人都可以自主形成相应3D展示产品。
3D展示系统可用于产品的线上三维展示,也可用于在移动终端中进行产品的三维展示,3D展示系统通过使用实时的3D渲染、及动态光景镜像技术,可全方位的展示产品细节。这里需要重点说明的是,实时3D渲染不同于图片序列帧拼接而成的3D展示,下面的对比表中会进行说明。并且3D展示系统可通过三维动画技术来实时展示一些互动场景。相比较于图片、文字、视频及音频四类传统的媒介传播介质,3D作为虚拟现实技术的一大重要组成部分具备更强的用户浏览驱动力,可造成用户与产品间的直接互动,对信息的传递具有更深的说服力以及感染力。因此3D展示技术也逐渐成为未来虚拟环境下更好的用户体验通道和手段。
实时3D渲染与传统序列帧3D拼接对比结果如表1所示。
表1
实时3D渲染 | 序列帧3D拼接 | |
原理 | CG制作,通过电脑技术完全还原真实产品形态。 | 通过对产品进行360度快速连拍。 |
展示 | 无死角查看,可做多种动画。 | 360度查看,不可添加复杂动画。 |
互动性 | 强互动性,玩积木式的互动体验。 | 只可拖拽查看。 |
应用性 | 全平台。 | 全平台。 |
黏性效果提升 | 是传统形式的3倍左右。 | 无太大差别。 |
可改动性 | 根据不同的应用和需求可随时进行效果的添加和修改。 | 无法改动,因为是图片组成。 |
价格 | 中 | 中低 |
本发明采用可配置参数化方式加载,场景中所有内容皆在配置文件中配置实现。用户界面上看可以清晰看到所有的功能操控区及产品展示区,同时点击相应的操控按钮可以方便对产品的外观颜色、大小、卖点、以及细节等方面进行控制,查看关于产品的各类信息,令使用者更直观、更方便的针对产品进行了解。
之前的3D展示产品主要是定制化结构制作,没有统一标准,没法令普通3D模型制作者以及广大用户操控和使用,不利于3D领域的拓展,也会令制作价格高昂,而本发明首先对产品的3D展示进行了产品化的版块划分,给予3D展示统一的概念和标准,方面用户的使用和记忆,同时加强多元化的互动展示,可定制、入门方便、且交互性更强。不仅实行了标准化处理,在满足精致的产品展示需求的同时可以进行批量化的制作完成,满足现在海量的产品展示需求。且方便在线展示及相关方面进行使用,无论是网页还是移动互联网方面均可以有效使用。由于本发明对产品的3D展示进行了标准化处理,大幅度降低了此类产品的制作门槛并且平台化3D制作的方式,有效降低用户门槛,减少制作支出费用,扩大用户使用面,提升用户操作简便性。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化囊括在本发明内。
此外,应当理解,虽然本说明书按照实施方式加以描述,但并非每个实施方式仅包含一个独立的技术方案,说明书的这种叙述方式仅仅是为清楚起见,本领域技术人员应当将说明书作为一个整体,各实施例中的技术方案也可以经适当组合,形成本领域技术人员可以理解的其他实施方式。
Claims (7)
1.基于互联网的实物3D互动展示系统,其特征在于,包括内容层、解析层、展示层与交互层;内容层是对产品的展示内容进行标准化处理,得到产品展示数据,并存储产品展示数据;解析层是对传入的产品展示数据生成具体代码指令;展示层是创建传入的界面绘制指令及模型创建指令,并渲染到设备屏幕;交互层接收用户输入,并从底层将渲染结果返回到设备屏幕;
首先,用户将相应支持的3D文件传入服务器,在内容层中使用内容编辑系统对产品展示内容进行相应的各类编辑,得到产品展示数据,并将其存储;然后将产品展示数据传入解析层,对产品展示数据进行解析,由文字描述转化为展示层所能够识别的数据文件,之后在展示层将内容呈现出来,生成在线链接;用户使用此链接在PC或移动端相应展示产品内容。
2.根据权利要求1所述的基于互联网的实物3D互动展示系统,其特征在于,用户在平台上能得到两种不同格式的展示产品内容,当需要Web端展示产品时,则需上传OBJ、MD2、3DS、DAE、AWD或MD5格式的3D文件即得;当需要移动端展示产品时,则需要上传OBJ或JSON格式的3D文件即得。
3.根据权利要求1所述的基于互联网的实物3D互动展示系统,其特征在于,产品展示数据使用数据库或格式化文件进行存储。
4.根据权利要求1所述的基于互联网的实物3D互动展示系统,其特征在于,在展示层,使用Stage3D与WebGL技术将内容呈现出来。
5.根据权利要求1所述的基于互联网的实物3D互动展示系统,其特征在于,内容层的产品展示数据包含文件名/logo图标、模型动画信息、模型主要材质信息、模型设计细节视角的调节及确定、以及产品的功能点信息。
6.根据权利要求1所述的基于互联网的实物3D互动展示系统,其特征在于,在解析层,产品展示数据通过UI界面解析代码模块、模型数据解析代码模块、动画数据解析代码模块、以及产品功能点解析代码模块进行相应的程序解析。
7.根据权利要求1所述的基于互联网的实物3D互动展示系统,其特征在于,在展示层,产品的展示代码指令包含两个部分,一是界面UI的创建,包括背景、logo、动画数据UI接口、材质替换UI接口、特写视角UI接口与功能点UI接口的创建;二是模型数据创建,包括模型与材质创建、动画数据创建、换材质模型指定以及视角数据指定。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510148358.3A CN104834672A (zh) | 2015-04-01 | 2015-04-01 | 基于互联网的实物3d互动展示系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510148358.3A CN104834672A (zh) | 2015-04-01 | 2015-04-01 | 基于互联网的实物3d互动展示系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104834672A true CN104834672A (zh) | 2015-08-12 |
Family
ID=53812560
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510148358.3A Pending CN104834672A (zh) | 2015-04-01 | 2015-04-01 | 基于互联网的实物3d互动展示系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104834672A (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106442384A (zh) * | 2016-09-14 | 2017-02-22 | 浙江农林大学 | 基于nirs和3d可视化技术的红木家具鉴别系统 |
CN107153655A (zh) * | 2016-03-04 | 2017-09-12 | 李俊华 | 一种基于模型数据库实现三维网站生成和人物控制的系统 |
CN107229332A (zh) * | 2017-05-24 | 2017-10-03 | 福州岂微网络科技有限公司 | 一种虚拟现实交互内容的编辑方法及终端 |
CN107480255A (zh) * | 2017-08-14 | 2017-12-15 | 五莲金汇股权投资基金合伙企业(有限合伙) | 基于互联网的对商品进行3d在线设计定制及展示的方法 |
CN107818591A (zh) * | 2017-11-22 | 2018-03-20 | 深圳赛隆文化科技有限公司 | 一种虚拟现实三维模型的融合建模方法及系统 |
CN109636893A (zh) * | 2019-01-03 | 2019-04-16 | 华南理工大学 | 三维OBJ模型及MTL材质在iPhone中的解析与渲染方法 |
CN110515906A (zh) * | 2019-08-30 | 2019-11-29 | 济南浪潮数据技术有限公司 | 一种产品展示方法、装置、设备及计算机可读存储介质 |
CN110691010A (zh) * | 2019-10-12 | 2020-01-14 | 重庆灏漫科技有限公司 | 跨平台跨终端vr/ar产品信息展示系统 |
CN110764757A (zh) * | 2019-10-22 | 2020-02-07 | 成都九洲电子信息系统股份有限公司 | 一种基于html5的交互式图形绘制引擎 |
CN111818016A (zh) * | 2020-06-11 | 2020-10-23 | 广州恒沙数字科技有限公司 | 一种基于接口技术实现三维空间精准定位的方法和系统 |
CN112328237A (zh) * | 2020-11-25 | 2021-02-05 | 北京软通智慧城市科技有限公司 | 一种场景展示方法、装置、计算机设备和存储介质 |
CN112967372A (zh) * | 2021-02-03 | 2021-06-15 | 武汉南北极测绘地理信息有限公司 | 基于互联网场景的矿物、岩石标本教学展示方法及系统 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110154441A1 (en) * | 2009-12-18 | 2011-06-23 | Electronics And Telecommunications Research Institute | Online development environment server, online marketplace server, online development environment constituting method, and developed application providing method |
CN102982194A (zh) * | 2012-10-26 | 2013-03-20 | 李宝林 | 一种3d产品在线体验系统 |
-
2015
- 2015-04-01 CN CN201510148358.3A patent/CN104834672A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110154441A1 (en) * | 2009-12-18 | 2011-06-23 | Electronics And Telecommunications Research Institute | Online development environment server, online marketplace server, online development environment constituting method, and developed application providing method |
CN102982194A (zh) * | 2012-10-26 | 2013-03-20 | 李宝林 | 一种3d产品在线体验系统 |
Non-Patent Citations (2)
Title |
---|
刘爱华: "基于3G WebMapper和移动通信技术的三维校园社区的构建", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
王晶: "WebGL三维桥梁动态仿真关键技术研究", 《中国优秀硕士学位论文全文数据库 工程科技Ⅱ辑》 * |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107153655A (zh) * | 2016-03-04 | 2017-09-12 | 李俊华 | 一种基于模型数据库实现三维网站生成和人物控制的系统 |
CN106442384A (zh) * | 2016-09-14 | 2017-02-22 | 浙江农林大学 | 基于nirs和3d可视化技术的红木家具鉴别系统 |
CN107229332A (zh) * | 2017-05-24 | 2017-10-03 | 福州岂微网络科技有限公司 | 一种虚拟现实交互内容的编辑方法及终端 |
CN107480255A (zh) * | 2017-08-14 | 2017-12-15 | 五莲金汇股权投资基金合伙企业(有限合伙) | 基于互联网的对商品进行3d在线设计定制及展示的方法 |
CN107818591A (zh) * | 2017-11-22 | 2018-03-20 | 深圳赛隆文化科技有限公司 | 一种虚拟现实三维模型的融合建模方法及系统 |
CN109636893A (zh) * | 2019-01-03 | 2019-04-16 | 华南理工大学 | 三维OBJ模型及MTL材质在iPhone中的解析与渲染方法 |
CN110515906A (zh) * | 2019-08-30 | 2019-11-29 | 济南浪潮数据技术有限公司 | 一种产品展示方法、装置、设备及计算机可读存储介质 |
CN110691010A (zh) * | 2019-10-12 | 2020-01-14 | 重庆灏漫科技有限公司 | 跨平台跨终端vr/ar产品信息展示系统 |
CN110764757A (zh) * | 2019-10-22 | 2020-02-07 | 成都九洲电子信息系统股份有限公司 | 一种基于html5的交互式图形绘制引擎 |
CN111818016A (zh) * | 2020-06-11 | 2020-10-23 | 广州恒沙数字科技有限公司 | 一种基于接口技术实现三维空间精准定位的方法和系统 |
CN111818016B (zh) * | 2020-06-11 | 2022-03-22 | 广州恒沙数字科技有限公司 | 一种基于接口技术实现三维空间精准定位的方法和系统 |
CN112328237A (zh) * | 2020-11-25 | 2021-02-05 | 北京软通智慧城市科技有限公司 | 一种场景展示方法、装置、计算机设备和存储介质 |
CN112328237B (zh) * | 2020-11-25 | 2024-06-18 | 北京软通智慧科技有限公司 | 一种场景展示方法、装置、计算机设备和存储介质 |
CN112967372A (zh) * | 2021-02-03 | 2021-06-15 | 武汉南北极测绘地理信息有限公司 | 基于互联网场景的矿物、岩石标本教学展示方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104834672A (zh) | 基于互联网的实物3d互动展示系统 | |
US8739070B2 (en) | System, method and apparatus for providing an application carousel | |
EP2044591B1 (en) | Automatic generation of video from structured content | |
US20150088977A1 (en) | Web-based media content management | |
US20090083710A1 (en) | Systems and methods for creating, collaborating, and presenting software demonstrations, and methods of marketing of the same | |
WO2014063657A1 (zh) | 一种3d产品在线体验系统 | |
US20120229391A1 (en) | System and methods for generating interactive digital books | |
CN103020340A (zh) | 基于web的3D家居设计系统 | |
CN113012280B (zh) | 一种vr虚拟展厅构建方法和装置 | |
CN108597032B (zh) | 将建筑信息模型导入Unity3D中显示方法及系统 | |
CN106445439B (zh) | 一种在线展示图片的方法 | |
CN105279222A (zh) | 一种媒体编辑和播放的方法及其系统 | |
Hummel et al. | Leveraging nvidia omniverse for in situ visualization | |
CN105045587B (zh) | 一种图片展示方法及装置 | |
Manovich | Cultural software | |
US20180136814A1 (en) | Systems and methods for multi-dimensional augmented and virtual reality digital media integration | |
CN101815092B (zh) | 一种触摸屏多媒体展示系统及其展示方法 | |
CN109544701B (zh) | 一种三维模型显示和编辑的方法 | |
KR102099093B1 (ko) | 사용자 맞춤형 모션 그래픽 영상 제작 시스템 | |
Walczak et al. | Virtual and augmented reality for configuring, promoting and servicing household appliances | |
CN114817812A (zh) | 面向电商的无代码网页构建方法和装置 | |
Papastamatiou et al. | Virtual reality applications with user interface for dynamic content development | |
Jung et al. | Digital signage system for supporting high quality resolution | |
US20110175908A1 (en) | Image Effect Display Method and Electronic Apparatus Thereof | |
Kontakis et al. | DEC-O: an ontology framework and interactive 3D interface for interior decoration applications in the web |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
EXSB | Decision made by sipo to initiate substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20150812 |
|
WD01 | Invention patent application deemed withdrawn after publication |