基于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


版权声明:本文为博主原创文章,未经博主允许不得转载。

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

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

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

  • 2014年09月26日 18:31
  • 886KB
  • 下载

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

3D虚拟试衣系统的使用场景主要是在线电商或数字营销,为品牌服装、服饰、饰品添加高端3D虚拟购物动效,提升用户感官体验和交互体验。 踏得网基于网页/HTML5独家研发了一套在线3D虚拟试衣间系统。纯网页...
  • iefreer
  • iefreer
  • 2016年09月09日 00:37
  • 21648

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

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

创建基础场景---基于WebGL的H5 3D游戏引擎BabylonJS

在本教程里, 我们将用Babylon.js创建一个基础的3D场景.具有两个造型物的基础场景在你开始之前,请确定你有个支持WebGL的浏览器 (比如:IE11+, 火狐4+, 谷歌浏览器9+, Oper...
  • AceWay
  • AceWay
  • 2016年05月08日 21:19
  • 5594

h5 3D旋转立方体

本周是学习h5并制作一个相关的页面。我最初的想法是做一个骰子,然后还可以自己旋转。但是很遗憾得是没有实现,因为最开始我就直接在画布上画正方体,画了好久没成功。后来去找别人的实例,慢慢跟着学,最后做了一...
  • HL141916
  • HL141916
  • 2017年06月04日 09:29
  • 1695

Kinect虚拟试衣

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

unity3D新闻:HTML5标准最终确定 体验或将有所改变

狗刨学习网报道:万维网联盟(World Wide Web Consortium,简称W3C)近日发布了HTML5标准的推荐版,并将其命名为用于创建网页与应用程序的HTML5标准的终极版。 HTML5的...
  • book_longssl
  • book_longssl
  • 2015年01月23日 09:27
  • 1253

Web3D的核心技术及实现

马颖峰 陈华chenhua1982618@tom.com 陕西师范大学 新闻与传播学院  陕西 西安 710062 【摘要】近年来Web3D已经成为Internet上3D文件的标准,围绕Web3D...
  • lifan_3a
  • lifan_3a
  • 2013年07月05日 00:49
  • 1078

游戏中换装,换发型等的实现

    游戏中的NPC主要是由两部分组成,一部分是头部,一部分是身体,即NPC类中包含head跟body两部分,要实现NPC的换发型跟换装只需要改变这两部分就可以了,一般的人物都是八方向的,美术都会提...
  • wkyb608
  • wkyb608
  • 2011年01月01日 23:22
  • 751
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:基于HTML5实现的在线3D虚拟试衣系统(试衣间)解决方案
举报原因:
原因补充:

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