WEB也玩虚拟现实,网页的未来可以更智能;

说到虚拟现实,要讲到一个词 3D技术;

玩过3D游戏的可能对这个3D的印象并不陌生;但这些只是客户端;不是WEB;

记得n年前,曾经有一个组织声明要在网页上实现显示3D图形的技术,当然,之后就杳无音信了。

后来Flash拿出了替代解决方案,但终究不是html原生技术,虽然目前网页原生3d技术有些成果,但距离大范围应用仍然很远。

我想这么多年以来,无论是CPU、GPU还是网速都有了突飞猛进的发展,为何3D化的网站仍然没有普遍出现?

或者多少年之后,我们打开浏览器能进入一个深邃的3D空间!

那么 网页3D技术的瓶颈在哪?

网页3D技术的瓶颈其实在user agent上,也就是我们常说的浏览器上,首先目前市面上的大部分的浏览器在开发时,都是侧重于2D显示的优化,即平面上的效果输出;

并且由于浏览器都是以自身进程来实现3D的功能(即便是插件也是如此),所以并没有给网页里的3D进程做独立的进程开销。

另外就是比如我们常用的windows操作系统本身自带的DIRECT X组件就是进行3D加速用的,所有当我们在计算机内运行3D游戏之类的程序时,DirectX的加速也是非常主要的3D加速,而浏览器不是。

说到 unity3d,这技术有前途,为什么没看到大规模应用,我觉得有如下原因首先这玩意要装个插件,flash其实也要,但因为应用太广,你觉得理所应当,

unity3d没这牛逼其次,门槛高,不是你上个什么班就能忽悠人最重要的是其实大部分网站都是以内容为主的,要3d干嘛用?那你就要看一下大批的网页版本的3D游戏;

你还可以去看一下: 优衣库 - 虚拟试衣间

目前来说,使用3D技术来实现在WEB端,还真是一大趋势;

先给大家分享一些使用 canvas技术来实现3D网页效果:

多功能办公椅 http://www.kapoktree.cn/demo/152ChairShow/

雷诺汽车 http://www.kapoktree.cn/demo/120renault/

新娘礼服 http://www.arvrmrall.com/cloth/chinaMarryGirlCloth/cloth.html

就连阿里巴巴未来也会在网页端,实现产品在网页中的3D展示 ,

3D产品交互系统能为客户带来哪些价值:

1、真实、生动的震撼视觉效果

产品3D交互展示能够逼真地模拟现实产品或创造常规拍摄所无法实现的产品和事件。从微观世界到宏观世界,从真实空间到想象空间,3D产品动画都可以出色地表现。

2、效益与效果倍增——节约成本并极大提高效率

产品3D交互展示可以展现项目、产品、设计成果、场景真实的形态或功能,投入较少时间和费用就可以看到成果,使我们可以优化流程、完善设计、提前展现等,进而节约成本提高效率。

3、清晰的说明力

利用产品3D交互展示建造一个虚拟的环境对现实世界中的复杂系统进行简化和直观剖析,往往是解决问题的最快捷方式。产品3D交互展示能够帮助我们在体验中传达难于解释的信息;再加上互动功能,赋予图像以生命力,使图像和影像能够和人产生“对话”和交流,一个简单的交互和查看,常常就能使抽象和复杂的概念得到深层的理解。

4、个性化的表现手法

在这个同质化和极度传播的时代,对一个新产品而言,“差异化”意味着成功的一半。而传统的拍摄手法和受众的视听审美疲劳一直不停对抗着。3D技术的出现带来了一个新的创作空间,以耳目一新的手法帮助企业塑造产品差异化。

也会有更多的公司专业从事3D互动开发、虚拟现实(VR) 系统研究及硬件动态设计,并为客户提供整体解决方案的创新型高新技术企业。

产品3D交互展示应用领域覆盖电商、摄影、IT等各个领域,它或多或少的满足了广大消费者的需求——能够如实地观看到产品每个细节,目前还有一些B2B、B2C的行业网站都有了3D产品展示效果。

以上图文,所有的模型出自真实WEB 3D效果:

需要看效果的可以打开以下链接:

3D图片效果展示

http://www.coolneng.com/wap/page.php?skpage=canvas3d

本文分享自微信公众号 - 迈向前端工程师(shukeh5)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-04-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券