WEB前端知识之WEB也玩虚拟现实,网页的未来可以更智能
耿亚辉 2018-04-26 来源 : 阅读 155 评论 0

摘要:记得n年前,曾经有一个组织声明要在网页上实现显示3D图形的技术,当然,之后就杳无音信了。后来Flash拿出了替代解决方案,但终究不是WEB前端知识中的html原生技术,虽然目前网页原生3d技术有些成果,但距离大范围应用仍然很远。我想这么多年以来,无论是CPU、GPU还是网速都有了突飞猛进的发展,为何3D化的网站仍然没有普遍出现?或者多少年之后,我们打开浏览器能进入一个深邃的3D空间。今天我们就来了解下WEB前端知识吧。

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

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

WEB前端知识之WEB也玩虚拟现实,网页的未来可以更智能

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


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


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


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

WEB前端知识之WEB也玩虚拟现实,网页的未来可以更智能

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

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

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

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

WEB前端知识之WEB也玩虚拟现实,网页的未来可以更智能

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

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

你还可以去看一下: 优衣库 - 虚拟试衣间 http://uniqlo.bigodata.com.cn/u2/mini.php/new?kid=11727_51912_660842_848108_57316C3BB4BE88550341D93902D80503&kv=1

 WEB前端知识之WEB也玩虚拟现实,网页的未来可以更智能



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

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

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

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

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


WEB前端知识之WEB也玩虚拟现实,网页的未来可以更智能

就连alibaba未来也会在网页端,实现产品在网页中的3D展示 ,3D产品交互系统能为客户带来哪些价值:


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


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


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


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


3、清晰的说明力


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


4、个性化的表现手法


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


 上文中所用的3D图片效果,可能通过以下 链接查看:

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


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


希望这篇文章可以帮助到你,总之同学们,IT资讯尽在职坐标。


本文由 @职坐标 发布于职坐标。未经许可,禁止转载。
喜欢 | 2 不喜欢 | 0
看完这篇文章有何感觉?已经有2人表态,100%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论
本文作者 联系TA

是一个对IT知识充满兴趣,写代码就像谈恋爱一样执着的老师

  • 29
    文章
  • 295
    人气
  • 100%
    受欢迎度

已有13人表明态度,100%喜欢该老师!

进入TA的空间
名师指导直通车

  • 资料索取

  • 答疑解惑

  • 技术交流

  • 职业测评

  • 面试技巧

  • 高薪秘籍
TA的其他文章 更多>>
IT史记 Unicode 编码
经验技巧 100% 的用户喜欢
HTML+CSS入门-新手玩CSS前端基础进阶时要注意的地方
经验技巧 100% 的用户喜欢
JavaScript基础教程之常用JS正则表达式
经验技巧 100% 的用户喜欢
IT知识小分享:WebP图片格式的入侵,还能愉快的玩JPG,PNG,GIF吗?
经验技巧 100% 的用户喜欢
JavaScript生成随机的由字母数字组合图片验证码
经验技巧 100% 的用户喜欢
其他海同名师 更多>>
刘新华 联系TA
实力型。激情饱满,对专业充满热情
吴翠红 联系TA
独创“教、学、练、测”循环教学模式
吕益平 联系TA
熟悉企业软件开发的产品设计及开发
黄泽民 联系TA
擅长javase核心技术
程钢 联系TA
擅长大型企业商业网站开发和管理
经验技巧30天热搜词 更多>>
X
免费获取海同IT培训资料
验证码手机号,获得海同独家IT培训资料
获取验证码
提交

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号