CN102521862B - 将木门2d平面图片转换为3d模型的在线展示方法 - Google Patents

Abstract

本发明涉及图像处理技术领域，具体涉及一种通过Flash将木门2D平面图片转换为3D立体木门，方便在互联网利用2D平面图片进行高效三维展示的图像处理方法，可展示木门的三维旋转、开门关门等3D动态效果，包括如下步骤：上传木门2D平面图片到服务器并保存到数据库；读取木门2D平面图片中木门的参数保存到数据库；生成xml接口；读取xml接口获取木门2D平面图片数据及参数；加载图片，并获取门板高度数据；设置木门的厚度，生成3D显示模型；将木门2D平面图片加载到3D显示模型的前、后两个显示平面，最终生成木门3D显示对象；隐藏门框，获得门板的3D显示对象；将门板的纵轴轴线设定到合页的轴线位置，使门板实现可沿合页轴线转动。

Description

将木门2D平面图片转换为3D模型的在线展示方法

技术领域

本发明涉及图像处理技术领域，具体涉及一种将2D平面图转换为3D模型的在线展示方法。

背景技术

目前互联网的木门产品展示，由企业将自己生产的木门拍摄成照片，再利用网站的后台管理程序，通过“浏览”“上传”功能，将图片上传到网站的服务器，这样通过浏览器网站访问木门企业网站，仅能看到企业的产品的2D平面图片。

这种2D平面图片的展示，不能动态显示木门的使用效果，背景图也不符合实际购买木门的购买应用，不能让消费者利用互联网获得直观的产品虚拟体验。

现有技术中的一些3D显示方法算法复杂，需要另行下载客户端才能实现3D浏览使用不便，还没有适合于在线应用的木门3D展示方法。

发明内容

本发明的目的在于提供一种将木门2D平面图片转换为3D模型的在线展示方法，算法简单，能通过互联网操作，将2D平面图片转换为3D图形，并可展示木门的三维旋转、开门关门等3D动态展示效果。

本发明的目的是这样实现的，将木门2D平面图片转换为3D模型的在线展示方法，包括如下步骤：

1)通过.net后台上传木门2D平面图片到服务器并保存到数据库；

2)读取木门2D平面图片中木门的参数，包括门框宽度、门框高度、门板宽度数据，并保存到数据库；

3)通过.net后台生成木门2D平面图片及其对应木门参数两者的xml接口；

4)在Flash中读取xml接口获取木门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)中，通过加载功能，通过xml接口获取木门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图片到服务器并保存到数据库，所述数据库可使用MSSq1数据库；

2)读取木门2D平面图片中木门的参数，包括如下几个数据，并保存到数据库：

T1值：木门门框的宽度。

T2值：木门门框的高度。

T3值：木门门板的宽度。

信息值：木门的产品参数值

3)通过.net后台，通过循环语句，将木门产品的列表循环显示成xml数据结构的产品资料，方便Flash读取，XML中，每条产品信息，包括发布时设定的T1、T2、T3等参数，生成木门2D平面图片及其对应木门参数的xml接口。

4)通过FLASH读取xml接口获取木门2D平面图片数据及参数：可通过loader的加载功能，将xml数据加载到flash播放器中，设立xml对象并存储加载的loader.data数据，生成xml对象，通过以上算法，flash可以成为一个静态的，flash播放器可加载读取筛选的静态XML数据库，其中包括木门2D图片和每个木门对应的T1，T2，T3参数。

5)Flash端解析xml数据，加载图片，并获取门板高度数据：在flash中声明加载外部资源loader对象，将图片链接的字符串赋予URLRequest方法，并通过loader的load方法，将图片加载到Flash中的loader对象中，并通过as命令转换成BitmapData对象，BitmapData对象可生成多个图片显示到Flash中，因此可节省更多的内存资源。作为全局变量调用；Flash将图片加载入并生成BitmapData后，将这个图片的数据流实例化，生成一个基准图片对象Bitmap对象，并添加到木门的显示容器中，即MovieClip显示容器，对木门对象添加多个属性，包括木门的宽度，木门的高度，并且赋予xml解析读取的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 (4)

1.将木门2D平面图片转换为3D模型的在线展示方法，其特征在于：包括如下步骤：

1)上传木门2D平面图片到服务器并保存到数据库；

2)读取木门2D平面图片中木门的参数，包括门框宽度、门框高度、门板宽度数据，并保存到数据库；

3)通过.net后台生成木门2D平面图片及其对应木门参数两者的xml接口；

4)读取Xml接口获取木门2D平面图片数据及参数；

5)加载图片，并获取门板高度数据；

6)设置木门的厚度，并生成前、后、左、右四个显示平面，将四个显示平面拼接到一起，生成3D显示模型；

7)将木门2D平面图片加载到3D显示模型的前、后两个显示平面，吸取木门2D平面图片的颜色，绘制与左、右两个显示平面对应的长方形并加载到左、右两个显示平面，生成木门3D显示对象；

8)根据门框的宽度和高度，隐藏门框，获得门板的3D显示对象；

9)将门板的纵轴轴线设定到合页的轴线位置，使门板实现可沿合页轴线转动；

10)定义鼠标操作，包括拖拽、向左旋转、向右旋转、停止旋转、放大、缩小和停止缩放；

11)将木门3D显示对象加载到选定的房间背景中；

12)接收鼠标操作数据，根据鼠标操作数据，控制木门或门板的3D显示对象运动；

步骤12)中，当接收到的鼠标操作数据为开门时，将门板3D显示对象根据Y轴旋值递加转到120度，获得开门的动态效果；

当接收到的鼠标操作数据为关门时，将门板3D显示对象根据Y轴旋转值递减到0度，获得关门的动态效果；

当接收到鼠标的拖拽操作时，木门的位置根据鼠标拖拽而变动；

当接收到鼠标操作为向左旋转或向右旋转操作时，3D木门显示对象根据纵轴旋转，适应场景图的木门摆放位置。

2.根据权利要求1所述的将木门2D平面图片转换为3D模型的在线展示方法，其特征在于：所述步骤4-9)通过FLASH实现。

3.根据权利要求2所述的将木门2D平面图片转换为3D模型的在线展示方法，其特征在于：步骤4)中，通过加载功能，通过xml接口获取木门2D平面图片数据及参数加载到flash播放器中。

4.根据权利要求1至3中任一项所述的将木门2D平面图片转换为3D模型的在线展示方法，其特征在于：还包括如下步骤：13)鼠标选择其它木门展示图片时，清空现有的木门3D显示对象，执行步骤4-10)生成新选择的木门对应的3D显示对象并加载到选定的房间背景中。