基于HTML5实现的在线3D虚拟试衣系统(试衣间)解决方案

原创 2016年09月09日 00:37:37

3D虚拟试衣系统的使用场景主要是在线电商或数字营销,为品牌服装、服饰、饰品添加高端3D虚拟购物动效,提升用户感官体验和交互体验。

要研发这样的在线系统,有2个方向,一个是使用Flash或Unity3D这些第三方网页插件,第二个就是纯Web方案(也就是HTML5/WebGL)。

Flash在移动端有死穴,Unity3D所依赖的API在新版本Chrome中得不到支持(V42以后),而H5是行业开放标准是现在也是未来。因此我们选择基于H5来实现这个目标。


踏得网基于网页/HTML5在行业内独家研发了一套在线3D虚拟试衣系统,目前是功能演示/测试版本,包含如下基本功能:

1. 纯Web/HTML5版本,无需用户安装任何插件,跨平台跨设备终端,只要是支持WebGL规范的现代浏览器就可以运行;

2. 360°浏览模特和衣服,支持交互式缩放、旋转、平移;

3. 可修改模特参数,以匹配自己的身材体型;

4. 可选择不同的衣服进行试穿;

5. 可选择模特的肤色;

6. 可选择环境参数,如光照颜色、是否有风、是否需要聚光效果、舞台是否需要自动旋转等;

如果选择有风的环境,则呈现自然风吹拂摆动/波动特效。


产品演示截图如下:


一大波更为有趣的功能即将来袭:

添加3D场景(室内外)构建、虚拟T台秀(虚拟走秀)和更多模特、衣服模型和动作的制作,以及和VR/AR技术的结合。


小视频功能演示:

http://wow.techbrood.com/fiddle/31345?vm=full


版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/iefreer/article/details/52479794

国内领先的在线试衣间软件3D试衣间

  • 2015年12月20日 01:41
  • 702KB
  • 下载

Kinect虚拟试衣

这个案例实现也比较简单要做kinect开发,首先必须挂kinectManger这个类因为开发中涉及到手势,因此需要挂上kinectGestures这个类接下来就是一个类CategorySelector...
  • qq_15267341
  • qq_15267341
  • 2017-06-28 14:13:29
  • 940

Unity3d 官方角色换装Demo源代码学习

由于兴趣爱好,工作之余会尝试做做RPG游戏,遇到角色换装这个功能没什么思路,于是在网上苦苦找寻相关资料,网上角色换装文章还是有一些,不过大多讲的比较简单,最后没办法不得不拿官方的角色换装代码来研究,开...
  • menghuangxiao
  • menghuangxiao
  • 2016-05-03 14:50:10
  • 4409

在线服装定制系统源码

  • 2014年07月18日 20:34
  • 7.27MB
  • 下载

Three.js 中文文档和在线演示实例

Three.js是当下最流行的网页3D渲染JS引擎,其主要是对WebGL编程以面向对象方式进行的封装。 踏得网专注于HTML5技术生态链的资源开发,鉴于网络上Three.js方面的资料比较散乱,且良莠...
  • iefreer
  • iefreer
  • 2016-06-16 19:40:24
  • 55595

初识3D图形库three.js

Three.js是当下最流行的网页3D渲染JS引擎,其主要是对WebGL编程以面向对象方式进行的封装。 但由于Three.js英文文档还在开发中(本身就比较简陋且有不少拷贝错误),而网络上Three...
  • qq_26399665
  • qq_26399665
  • 2016-11-27 14:24:16
  • 743

HTML5 仿QT 示例Drag and Drop Robot 换装机器人

起源 在Qt的示例中看到了一个有趣的demo,截图如下: 这个demo的名字叫Drag and Drop Robot,简单概括而言,在这个demo中,可以把机器人四周的颜色拖动到机...
  • zzy373712896
  • zzy373712896
  • 2015-07-13 14:51:36
  • 432

『HTML5梦幻之旅』 - 仿Qt示例Drag and Drop Robot(换装机器人)

前面我们看到的机器人就是通过这个类来实现的。但是正如学过生物必修一的同学都知道,动物生命层次是这样的:个体->系统->器官->组织->细胞,我们的机器人就是个体,那么四肢构成运动系统,以此类推。所以我...
  • yorhomwang
  • yorhomwang
  • 2015-07-06 15:19:40
  • 10213

3D虚拟试衣间的设计与实现

  • 2015年04月02日 13:29
  • 657KB
  • 下载

PHP版在线试衣系统源码

  • 2011年12月01日 16:26
  • 3.61MB
  • 下载
收藏助手
不良信息举报
您举报文章:基于HTML5实现的在线3D虚拟试衣系统(试衣间)解决方案
举报原因:
原因补充:

(最多只允许输入30个字)