web3d技术实现虚拟购物程序

web3d技术实现虚拟购物程序_第1张图片

程序演示见文末。

1、这是什么?

这是个产品展示类应用,名字叫《宅男房间》,利用webGL技术在网页上呈现三维交互内容,展示了一个迷恋二次元的宅男的房间,你可以旋转视角观看房间里的任何角落。

2、有哪些功能?

最直观的就是房间里的布置,除了漫画和手办,还有一些互动。
点击桌面、台灯、平板、红包可以切换视角;
台灯可以开关,箭头能控制旋转;
平板上捧着月饼的妹子那是送祝福呢,点击播放会有小惊喜;
最后别忘了打开红包看看里面藏着什么。

3、这个东西的意义?

VR购物。实际是VR购物应用的原型设计。
通过呈现一个真实的生活场景,把商品自然地融入其中,让用户通过直观的体验了解商品,从而激发消费冲动。
实际上我是通过谷歌搜索“宅男”找到这个房间的布局,这个房间里的多数物品都是在某宝上找的图片作为参考制作的。
我尝试过在台灯、海报、床单这些物品上加上标签,提示价格、购物链接等信息,技术上是没问题的,只是满屏的标签太影响画面了。最后,我只留了一个标签,就是平板上方的”月饼节快乐!”。
这个东西在教育、产品展示、VR购物、游戏等领域都是可以有作为的。
《宅男房间》是支持VR模式的,支持HTC VIVE头显。

–>>视频演示

–>>宅男房间第一版

版本说明:该版本使用b4w框架实现

–>>宅男房间第二版

版本说明:v3d重制版

你可能感兴趣的:(web3d技术实现虚拟购物程序)