基于Flash的三维在线试衣系统.pdf

《基于Flash的三维在线试衣系统.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、基于Flash的三维在线试衣系统欧阳凯毅(广东工业大学机电学院，广东广州5100060)[摘要]随着网络技术的高速发展，网上在线试衣正成为人们服装消费的新方式。目前网上在线试衣是以二维为主，缺乏全方位展示，还有一些基于建模渲染的三维展示系统，但由于制作复杂，成本高以及色彩还原差等问题，其实用性不高。为此。提出基于Flash的三维在线试衣系统，使用照片为素材制作衣服的三维展示，此系统具有很高的实用价值。[关键词]计算机应用；Flash技术；三维展示；在线试衣1．引言随着服装电子商务的U益普及和网t试衣问的迅速发展，人们已4i仅仪满足于简单的文宁介绍和图形展

2、示，对服装商品展示的交互性和真实性也有更高的需求。目前嘲上服装销售中服装展示仍然以．：一维服装照片为主，但是一些著名服装销售网站已经开始利用虚拟现实技术向广人消费者提供虚拟试穿服务。目前采片j虚拟试衣技术主要分为两种：一种基于二维照片，消费者可以将不同的服装“穿”到固定模特身上以观察不同服装的搭配效果，这种方法方便简单，成本与一般的服装展示照片相差不多，但只能显示衣服的正反面，缺乏全方位展示；另一种是基于建模渲染的，首先建市的试农模特，人体(包括头部与身体部分)与服装都是采用计算机t维模拟技术得到的，其真实性还远远／fi够，加之同前服装面料的计算机模拟并

3、不能很好地表达出面料的质感、悬垂效果等，缺乏真实感。本文提出一种基于照片的Flash三维在线试衣系统能解决以上问题。具体实现的方法是：首先对一个真人模特进行360度环绕拍摄，每隔22．5度拍摄一张照片，得到一组16张照片，然后再对照片进行数字化处理，生成数字模特。接着把每件农服穿在塑料模特身上，然后按照以上拍摄真人模特的方法进行360拍摄，得到～组共16张的照片，对照片进行数字化处理并添加交互功能。2．系统总体设计本试农系统采用Flash作为开发工具以便运用于网络，整个系统被设计成一个Flash文件，可以很方便地内嵌于html页面中。用户通过浏览器打开并

4、运行试衣系统，可以进行选衣、试穿和搭配。由于本系统的模特和衣服都是通过360拍摄取得素材，所以试穿功能的实现是使用图片叠加的方法，原理如图l所示。由360拍摄得到模特和农服各16张图片，使用Flash脚本语言ActionScript控制多张图片的叠加，可以实现“穿衣服”的效果。甲甲⋯⋯⋯。甲崮崮⋯⋯⋯。囤I图1试穿功能原理搭配功能的实现方法是使多件衣服的照片进行叠加，也就是把多件农服“穿”在模物身上，原理如图2所示。每件衣服必须与模特的匹配，匹配方法严格按试穿功能的叠加方法。图2衣服搭配功能原理3．系统的实现3．1图像采集图像采集是利用普通数码相机对模特

5、或农服进行360环绕拍摄，依据精度不同，可拍摄8～36张照片。拍摄照片太少会导致最后得到的三维效果差：拍摄照片过多会使数据量增加，对网上传输不利，所以经过大鼍实验测试，本文得出拍摄16张照片最为合适的结论。为了提高后面图像处理的效率，拍摄时可使用蓝色背景，当拍摄衣服时，还要把埋料模特涂成与背景色一样的颜色。由于真人不方便移动，拍摄模特时可使用真人模特固定，相机按一定半径以模特为中心环绕拍摄的方法。拍摄衣服时，使用衣服环绕旋转，相机固定位置拍摄的方法。3．2图像处理拍摄完成后，把图像素材传送到计算机上，使『}j图像处理软件(如Photoshop)对拍摄所得

6、的16张模特照片分别进行剪裁，调整色彩、抠图等操作，把背景设成透明颜色，然后输出成prig格式图片，如图3所示。对衣服使用同样的方法作者简介：欧阳凯教，男，广东顺德人。硕士。研究方向：数字媒体。虚拟现实。一60—进行处理，得到如图4所示的农服图片。同时利朋图像处理软件制作一些比较美观的按钮、背景等素材，作为以后在Flash中制作交互动画使用。3．3添加交互功能把处理完成图片和素材添加到Flash开发平台下，并且使用Actionscript编写交互功能。本系统的交巨功能包括两部分：一是模特和衣服的三维展示功能的实现，二是试农功能的实现。三维展示功能实现原理

7、是，首先把模特或衣服的16张图片分别插入到16帧上，然后通过鼠标的移动摔制图片帧序列的播放。具体用Actionseript程序实现的流程如图5所示，首先监听鼠标按卜

8、的动作，再计算在鼠标弹上之前，鼠标在X坐标方向上的何移量。接着获取当前帧，然后判断如果为位移鼋为负值，则切换播放到前一帧，如果为位移量为正值，则切换播放到后一一帧。图5三维展示程序流程图因为模特和衣服图片的背景都是透明的，所以试衣功能的实现只需要通过按钮控制图片的叠加。当需要“穿农服”时把农服图片替加到模特图片之上，当需要“脱衣服”时，只需把农服图片隐藏即可。最后完成t维试衣的Flash界面

9、如图6所示。图8三维试衣界面4．结束语基于Flash的在线试衣系统给用户提供一个