CN102521862A - 将木门2d平面图片转换为3d模型的在线展示方法 - Google Patents
将木门2d平面图片转换为3d模型的在线展示方法 Download PDFInfo
- Publication number
- CN102521862A CN102521862A CN2011103888586A CN201110388858A CN102521862A CN 102521862 A CN102521862 A CN 102521862A CN 2011103888586 A CN2011103888586 A CN 2011103888586A CN 201110388858 A CN201110388858 A CN 201110388858A CN 102521862 A CN102521862 A CN 102521862A
- Authority
- CN
- China
- Prior art keywords
- timber
- door
- plane picture
- display
- plane
- 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.)
- Granted
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明涉及图像处理技术领域,具体涉及一种通过Flash将木门2D平面图片转换为3D立体木门,方便在互联网利用2D平面图片进行高效三维展示的图像处理方法,可展示木门的三维旋转、开门关门等3D动态效果,包括如下步骤:上传木门2D平面图片到服务器并保存到数据库;读取木门2D平面图片中木门的参数保存到数据库;生成xm1接口;读取xm1接口获取木门2D平面图片数据及参数;加载图片,并获取门板高度数据;设置木门的厚度,生成3D显示模型;将木门2D平面图片加载到3D显示模型的前、后两个显示平面,最终生成木门3D显示对象;隐藏门框,获得门板的3D显示对象;将门板的纵轴轴线设定到合页的轴线位置,使门板实现可沿合页轴线转动。
Description
技术领域
本发明涉及图像处理技术领域,具体涉及一种将2D平面图转换为3D模型的在线展示方法。
背景技术
目前互联网的木门产品展示,由企业将自己生产的木门拍摄成照片,再利用网站的后台管理程序,通过“浏览”“上传”功能,将图片上传到网站的服务器,这样通过浏览器网站访问木门企业网站,仅能看到企业的产品的2D平面图片。
这种2D平面图片的展示,不能动态显示木门的使用效果,背景图也不符合实际购买木门的购买应用,不能让消费者利用互联网获得直观的产品虚拟体验。
现有技术中的一些3D显示方法算法复杂,需要另行下载客户端才能实现3D浏览使用不便,还没有适合于在线应用的木门3D展示方法。
发明内容
本发明的目的在于提供一种将木门2D平面图片转换为3D模型的在线展示方法,算法简单,能通过互联网操作,将2D平面图片转换为3D图形,并可展示木门的三维旋转、开门关门等3D动态展示效果。
本发明的目的是这样实现的,将木门2D平面图片转换为3D模型的在线展示方法,包括如下步骤:
1)通过.net后台上传木门2D平面图片到服务器并保存到数据库;
2)读取木门2D平面图片中木门的参数,包括门框宽度、门框高度、门板宽度数据,并保存到数据库;
3)通过.net后台生成木门2D平面图片及其对应木门参数的xm1接口;
4)在Flash中读取xm1接口获取木门2D平面图片数据及参数;
5)加载图片,并获取门板高度,门框宽度高度数据;
6)设置木门的厚度,并生成前、后、左、右四个显示平面,将四个显示平面拼接到一起,生成3D显示模型;
7)将木门2D平面图片加载到3D显示模型的前、后两个显示平面,吸取木门2D平面图片的颜色,绘制与左、右两个显示平面对应的长方形并加载到左、右两个显示平面,生成木门的3D显示对象;
8)根据门框的宽度和高度,隐藏门框,获得门板显示对象,并吸取木门2D平面图片颜色,绘制左右两个矩形平面,修改其纵轴角度,分别加载到左、右两侧,拼接正面和反面的木门2D平面图,生成门板3D显示对象;
9)将已经由2D平面转3D立体门板的纵轴轴线设定到合页的轴线位置,使门板实现可沿合页轴线转动。当开门状态,木门3D立体门板纵轴递加实现2D平面图转换3D开门效果;当关门状态,木门3D立体门板的纵轴递减实现2D平面图转换3D关门效果;
进一步,所述步骤4-9)通过FLASH实现。
进一步,步骤4)中,通过加载功能,通过xm1接口获取木门2D平面图片数据及参数加载到flash播放器中。
进一步,还包括如下步骤:
11)将木门3D显示对象加载到选定的房间背景中。
进一步,11)定义鼠标操作,包括拖拽、向左旋转、向右旋转、停止旋转、放大、缩小和停止缩放;
12)接收鼠标操作数据,根据鼠标操作数据,控制木门或门板的3D显示对象运动。
进一步,步骤12)中,当接收到的鼠标操作数据为开门时,将门板3D显示对象根据Y轴旋转到120度,获得开门的动态效果;
当接收到的鼠标操作数据为关门时,将门板3D显示对象根据Y轴旋转到0度,获得关门的动态效果。
当接收到鼠标的拖拽操作时,木门的位置根据鼠标拖拽而变动。
当接收到鼠标操作为向左旋转或向右旋转操作时,3D木门显示对象根据纵轴旋转,适应场景图的木门摆放位置。
进一步,13)鼠标选择其它木门展示图片时,清空现有的木门3D显示对象,执行步骤4-10)生成新选择的木门对应的3D显示对象并加载到选定的房间背景中。
本发明的将木门2D平面图片转换为3D模型的在线展示方法,算法简单,在互联网中的大多数电脑上均安装有adobe的flash插件,因此大多数消费者并不需要特殊的安装或设置即能进行3D木门直观的远程虚拟体验,帮助消费者获取木门产品直观的使用体验,并且作为企业的销售平台工具,可对整个销售网络形成成本低廉的支撑。并给木门的消费者带来了消费前的产品虚拟体验,解决了现有的2D产品图片网络展示带来的产品演示屏障,拥有一种更便捷更省心的3D产品体验。
附图说明:
图1本发明将木门2D平面图片转换为3D模型的在线展示方法的流程示意图。
具体实施方案:
参见图1,本实施例将木门2D平面图片转换为3D模型的在线展示方法,包括如下步骤:
1)通过.net后台,上传木门静态2D图片到服务器并保存到数据库,所述数据库可使用MSSql数据库;
2)读取木门2D平面图片中木门的参数,包括如下几个数据,并保存到数据库:
T1值:木门门框的宽度。
T2值:木门门框的高度。
T3值:木门门板的宽度。
信息值:木门的产品参数值
3)通过.net后台,通过循环语句,将木门产品的列表循环显示成xm1数据结构的产品资料,方便Flash读取,XML中,每条产品信息,包括发布时设定的T1、T2、T3等参数,生成木门2D平面图片及其对应木门参数的xm1接口。
4)通过FLASH读取xm1接口获取木门2D平面图片数据及参数:可通过loader的加载功能,将xm1数据加载到flash播放器中,设立xm1对象并存储加载的loader.data数据,生成xm1对象,通过以上算法,flash可以成为一个静态的,flash播放器可加载读取筛选的静态XML数据库,其中包括木门2D图片和每个木门对应的T1,T2,T3参数。
5)Flash端解析xm1数据,加载图片,并获取门板高度数据:在flash中声明加载外部资源loader对象,将图片链接的字符串赋予URLRequest方法,并通过loader的load方法,将图片加载到Flash中的loader对象中,并通过as命令转换成BitmapData对象,BitmapData对象可生成多个图片显示到Flash中,因此可节省更多的内存资源。作为全局变量调用;Flash将图片加载入并生成BitmapDa ta后,将这个图片的数据流实例化,生成一个基准图片对象Bitmap对象,并添加到木门的显示容器中,即MovieClip显示容器,对木门对象添加多个属性,包括木门的宽度,木门的高度,并且赋予xm1解析读取的T1、T2、T3属性,即木门门框的高度、宽度、门板的宽度,并根据整个木门的高度减去门框的高度,生成T4属性木门门板的高度。
6)设置木门的厚度,并生成前、后、左、右四个显示平面,将四个显示平面拼接,生成3D显示模型,其中平面前纵轴和深度为0,平面左纵轴为-90、深度为平面宽度的1/2,平面右纵轴为90,横向坐标为平面宽度,深度为平面宽度的1/2,平面后深度为平面宽度,根据三位坐标变化2D图片拼接成3D显示对象;
7)将木门2D平面图片加载到3D显示模型的前、后两个显示平面组成木门的正面和背面,吸取木门2D平面图片的颜色,绘制与左、右两个显示平面对应的长方形并加载到左、右两个显示平面,生成木门3D显示对象;
8)根据XML中加载的当前显示木门的门框的宽度和高度,隐藏门框,获取静态的门板图像数据,将木门数据添加到3D立方体的正面背面形成木门的正反面,获取木门颜色加深添加到3D显示对象的侧面形成木门厚度,生成门板的3D显示对象;
9)将门板的纵轴轴线(即Y轴)设定到合页的轴线位置,赋予中心轴旋转程序方法,加载门板大小相同的背景图插入门板之下,接收UI控制按钮传送的角度数据,根据门板角度的递增递减,使门板实现可沿合页轴线转动,实现开关门效果,开门后看到场景地图,呈现逼真的2D图片转3D开关门;
10)将木门3D显示对象加载到选定的房间背景中,实现场景搭配;
11)定义鼠标操作,包括拖拽、向左旋转、向右旋转、停止旋转、放大、缩小和停止缩放,实现木门3D自由定位;
12)接收鼠标操作数据,根据鼠标操作数据,控制木门或门板的3D显示对象运动,门板的旋转可通过旋转Y轴实现,缩放操作可通过缩放Y轴实现。当控制门板旋转时,即显示出开、关门的效果,具体采用如下方式实现:
增加一个方法命令。方法命令根据接收的鼠标操作数据,判断为开门状态命令或关门状态命令,并确定应旋转到的Y轴角度。
例如传递开门状态命令时,Y轴角度应达到的角度为120度,即将门板3D显示对象根据Y轴旋转到120度,达到开门的视图,如果当前木门Y轴旋转角度小于120,便在现有Y轴旋转值基础上做递增显示,Flash中便可看到开门的动态效果。
当传递关门状态,参数值为0度,即门板3D对象根据Y轴旋转到0度,达到关门的视图,如果当前木门Y轴角度大于0°,便在现有Y轴旋转值基础上做递减显示,Flash中便可看到关门的动态效果。
当接收到鼠标的拖拽操作时,木门的位置根据鼠标拖拽而变动;
当接收到鼠标操作为向左旋转或向右旋转操作时,3D木门显示对象根据纵轴旋转,适应场景图的木门摆放位置。
13)鼠标选择其它木门展示图片时,清空现有的木门3D显示对象,执行步骤4-10)生成新选择的木门对应的3D显示对象并加载到选定的房间背景中。
Claims (7)
1.将木门2D平面图片转换为3D模型的在线展示方法,其特征在于:包括如下步骤:
1)上传木门2D平面图片到服务器并保存到数据库;
2)读取木门2D平面图片中木门的参数,包括门框宽度、门框高度、门板宽度数据,并保存到数据库;
3)通过.net后台生成木门2D平面图片及其对应木门参数的xm1接口;
4)读取xm1接口获取木门2D平面图片数据及参数;
5)加载图片,并获取门板高度数据;
6)设置木门的厚度,并生成前、后、左、右四个显示平面,将四个显示平面拼接到一起,生成3D显示模型;
7)将木门2D平面图片加载到3D显示模型的前、后两个显示平面,吸取木门2D平面图片的颜色,绘制与左、右两个显示平面对应的长方形并加载到左、右两个显示平面,生成木门3D显示对象;
8)根据门框的宽度和高度,隐藏门框,获得门板的3D显示对象;
9)将门板的纵轴轴线设定到合页的轴线位置,使门板实现可沿合页轴线转动。
2.根据权利要求1所述的将木门2D平面图片转换为3D模型的在线展示方法,其特征在于:所述步骤4-9)通过FLASH实现。
3.根据权利要求2所述的将木门2D平面图片转换为3D模型的在线展示方法,其特征在于:步骤4)中,通过加载功能,通过xm1接口获取木门2D平面图片数据及参数加载到flash播放器中。
4.根据权利要求1至3中任一项所述的将木门2D平面图片转换为3D模型的在线展示方法,其特征在于:还包括如下步骤:
11)将木门3D显示对象加载到选定的房间背景中。
5.根据权利要求4所述的将木门2D平面图片转换为3D模型的在线展示方法,其特征在于:
11)定义鼠标操作,包括拖拽、向左旋转、向右旋转、停止旋转、放大、缩小和停止缩放;
12)接收鼠标操作数据,根据鼠标操作数据,控制木门或门板的3D显示对象运动。
6.根据权利要求5所述的将木门2D平面图片转换为3D模型的在线展示方法,其特征在于:
步骤12)中,当接收到的鼠标操作数据为开门时,将门板3D显示对象根据Y轴旋值递加转到120度,获得开门的动态效果;
当接收到的鼠标操作数据为关门时,将门板3D显示对象根据Y轴旋转值递减到0度,获得关门的动态效果;
当接收到鼠标的拖拽操作时,木门的位置根据鼠标拖拽而变动;
当接收到鼠标操作为向左旋转或向右旋转操作时,3D木门显示对象根据纵轴旋转,适应场景图的木门摆放位置。
7.根据权利要求6所述的将木门2D平面图片转换为3D模型的在线展示方法,其特征在于:还包括如下步骤:13)鼠标选择其它木门展示图片时,清空现有的木门3D显示对象,执行步骤4-10)生成新选择的木门对应的3D显示对象并加载到选定的房间背景中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110388858.6A CN102521862B (zh) | 2011-11-30 | 2011-11-30 | 将木门2d平面图片转换为3d模型的在线展示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110388858.6A CN102521862B (zh) | 2011-11-30 | 2011-11-30 | 将木门2d平面图片转换为3d模型的在线展示方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102521862A true CN102521862A (zh) | 2012-06-27 |
CN102521862B CN102521862B (zh) | 2014-12-24 |
Family
ID=46292764
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110388858.6A Expired - Fee Related CN102521862B (zh) | 2011-11-30 | 2011-11-30 | 将木门2d平面图片转换为3d模型的在线展示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102521862B (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102901488A (zh) * | 2012-09-07 | 2013-01-30 | 曹欢欢 | 一种自动生成房间平面图的方法及设备 |
CN103325138A (zh) * | 2013-07-11 | 2013-09-25 | 乐淘(中国)有限公司 | 通过网页进行3d场景装饰并渲染的方法 |
CN104183001A (zh) * | 2014-08-15 | 2014-12-03 | 晋江明伟鞋服有限公司 | 一种图像的app互动方法 |
CN104837005A (zh) * | 2014-02-11 | 2015-08-12 | 深圳市云帆世纪科技有限公司 | 一种2d视频与3d视频转换播放的方法及其装置 |
CN105389846A (zh) * | 2015-10-21 | 2016-03-09 | 北京雅昌文化发展有限公司 | 一种三维模型的展示方法 |
CN105488833A (zh) * | 2014-10-09 | 2016-04-13 | 华为技术有限公司 | 一种对2d控件实现3d转场动画的方法和装置 |
CN111307119A (zh) * | 2020-03-17 | 2020-06-19 | 东南数字经济发展研究院 | 一种针对倾斜摄影的像素级空间信息记录方法 |
US10841530B2 (en) | 2016-12-15 | 2020-11-17 | Alibaba Group Holding Limited | Method, device, and mobile terminal for converting video playing mode |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101536040A (zh) * | 2006-11-17 | 2009-09-16 | 汤姆森许可贸易公司 | 为了2d至3d转换对对象进行模型拟合和配准的系统及方法 |
CN101814196A (zh) * | 2010-03-09 | 2010-08-25 | 浙江大学 | 基于图片的三维动漫玩具设计方法 |
CN102098528A (zh) * | 2011-01-28 | 2011-06-15 | 清华大学 | 一种平面图像的立体转换方法及装置 |
-
2011
- 2011-11-30 CN CN201110388858.6A patent/CN102521862B/zh not_active Expired - Fee Related
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101536040A (zh) * | 2006-11-17 | 2009-09-16 | 汤姆森许可贸易公司 | 为了2d至3d转换对对象进行模型拟合和配准的系统及方法 |
CN101814196A (zh) * | 2010-03-09 | 2010-08-25 | 浙江大学 | 基于图片的三维动漫玩具设计方法 |
CN102098528A (zh) * | 2011-01-28 | 2011-06-15 | 清华大学 | 一种平面图像的立体转换方法及装置 |
Non-Patent Citations (1)
Title |
---|
胡萍: "《基于二维图像的三维虚拟场景及产品展示系统的建立》", 28 February 2007 * |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102901488A (zh) * | 2012-09-07 | 2013-01-30 | 曹欢欢 | 一种自动生成房间平面图的方法及设备 |
CN102901488B (zh) * | 2012-09-07 | 2015-12-16 | 曹欢欢 | 一种自动生成房间平面图的方法及设备 |
CN103325138A (zh) * | 2013-07-11 | 2013-09-25 | 乐淘(中国)有限公司 | 通过网页进行3d场景装饰并渲染的方法 |
CN104837005A (zh) * | 2014-02-11 | 2015-08-12 | 深圳市云帆世纪科技有限公司 | 一种2d视频与3d视频转换播放的方法及其装置 |
CN104837005B (zh) * | 2014-02-11 | 2017-06-16 | 深圳市云帆世纪科技有限公司 | 一种2d视频与3d视频转换播放的方法及其装置 |
CN104183001A (zh) * | 2014-08-15 | 2014-12-03 | 晋江明伟鞋服有限公司 | 一种图像的app互动方法 |
CN105488833A (zh) * | 2014-10-09 | 2016-04-13 | 华为技术有限公司 | 一种对2d控件实现3d转场动画的方法和装置 |
CN105389846A (zh) * | 2015-10-21 | 2016-03-09 | 北京雅昌文化发展有限公司 | 一种三维模型的展示方法 |
CN105389846B (zh) * | 2015-10-21 | 2018-07-06 | 北京雅昌文化发展有限公司 | 一种三维模型的展示方法 |
US10841530B2 (en) | 2016-12-15 | 2020-11-17 | Alibaba Group Holding Limited | Method, device, and mobile terminal for converting video playing mode |
CN111307119A (zh) * | 2020-03-17 | 2020-06-19 | 东南数字经济发展研究院 | 一种针对倾斜摄影的像素级空间信息记录方法 |
Also Published As
Publication number | Publication date |
---|---|
CN102521862B (zh) | 2014-12-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102521862B (zh) | 将木门2d平面图片转换为3d模型的在线展示方法 | |
US10013157B2 (en) | Composing web-based interactive 3D scenes using high order visual editor commands | |
US10078325B2 (en) | Systems and methods for designing programmable parts for models and optimizing 3D printing | |
AU2009225388B2 (en) | Lightweight three-dimensional display | |
US20170287199A1 (en) | Three-dimensional model creation and rendering with improved virtual reality experience | |
CN102708138B (zh) | 虚拟博物馆系统及其藏品展示方法 | |
WO2019212870A1 (en) | Authoring content in three-dimensional environment | |
CN103095828A (zh) | 基于云渲染的Web3D同步会议系统及实现同步的方法 | |
CN102027476A (zh) | 经由管道应用的文件访问 | |
CN103400415A (zh) | 平面空间结构三维数字模型自动生成及在线互动的实现方法和系统 | |
US20140253553A1 (en) | Visualization of three-dimensional models of objects in two-dimensional environment | |
CN111488102A (zh) | 图形动画的模块化编辑方法、终端、服务器及系统 | |
US9471938B2 (en) | Method for fulfillment of kit and apparatus associated therewith | |
KR101425672B1 (ko) | Bim 기반 커뮤니케이션 시스템, bim 기반 커뮤니케이션 서버, 및 모바일 단말기에서의 bim 기반 커뮤니케이션 방법 및 그 기록매체 | |
JP2019532385A (ja) | 仮想現実シーケンスを構成又は修正するためのシステム、構成方法、及びそのシーケンスを読み取るためのシステム | |
David et al. | Integrating Virtual Reality with 3D Modeling for Interactive Architectural Visualization and Photorealistic Simulation: A Direction for Future Smart Construction Design Using a Game Engine | |
Xia et al. | Improvement of virtual EAST system based on WebVR | |
KR20150085869A (ko) | 계층형 구조 및 타임라인을 이용한 앱북 빌더 시스템 | |
wang | Application and Realization of VR Technology in Interior Design | |
CN103295181A (zh) | 一种粒子文件与视频的叠加方法和装置 | |
US11847743B2 (en) | Voice driven modification of physical properties and physics parameterization in a closed simulation loop for creating static assets in computer simulations | |
Wang et al. | Virtual-production showing on E-commerce based on Cult3D | |
Wen | 3D Modeling Technology in 3D Film and Television Animation Production | |
CN104616339A (zh) | 一种Web3D虚拟现实系统的场景数据调度方法 | |
Vilbrandt et al. | A web oriented function-based volume modeling framework |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20141224 Termination date: 20161130 |