目录
回复内容:
首页 web前端 H5教程 到 2013 年底,WebGL 能发展到什么程度?

到 2013 年底,WebGL 能发展到什么程度?

Jun 07, 2016 am 08:42 AM

回复内容:

我觉得取决于 browser vendor 和开发者的支持度。

Web app 的优势是一个固定值(不用开发复杂的 installer 和 auto-updater 了,但是仅此而已)。所以对越复杂的 app 来说,Web 的优势就越边缘化。3D 应用的开发无疑是最复杂的。所以我可以说:3D app 的开发团队不缺这点写 installer 和 auto-updater 的人手。

第二,Web 的优势领域是 HTML 和 OS 标准都成熟的部分。而标准不成熟的部分就惨了。在 HTML 不成熟的部分,开发者要测试每个 browser,在 OS 标准不成熟的部分,开发者要测试每个 OS。两个都不成熟的部分,开发者要测试 browser x OS 的组合。就 3D 来说,连 OpenGL 都不能说每家的 driver 实现完全一样,也不能说每个浏览器的绑定都一样。

第三,其它领域的开发倾向使用稳定的技术。而 3D 开发倾向使用最先进的方案。所以 3D 平台要求能快速提供最先进的功能。在 native 平台上不用非标准 EXT 开发 OpenGL 的程序是很少的。最大公约数法则对 3D app 不成立。3D app 讲究的是 aggresive then fail back。

所以争取到开发者的支持并不容易。

浏览器方面,也说了 Microsoft 不支持。理由也很充分,shader code 的可信度如何保证?这个问题反过来又会降低用户的支持。一团糟。 正好逛到这个问题,正好是2013年底,正好最近基于http://www.hightopo.com/的HT for Web 3D引擎做的电力项目收尾,正好用到的就是WebGL技术,因此说说自己的感觉供参考:

1、2013年应该感谢Google和MS,前者提供了Android Chrome浏览器的WebGL支持,后者终于让IE11支持了WebGL并且降低到win7也能运行。

2、还得感谢Firefox和Opera这些厂家推动了移动终端浏览器对WebGL的支持,并且性能还都不差,早期Chrome的Android版还不支持WebGL时测试只能靠他们。

3、感谢UCWeb浏览器提供了唯一(如果不是唯一还请高人指点)官方iPad的浏览器的WebGL支持,虽然有很多bug我们提交了问题也没人理,还好找到了workaround规避了些坑。

4、IE11很给力,我在mac下的VirtualBox虚拟机里面IE11是唯一能跑WebGL的(其他浏览器不知道是否有开关设置可以在虚拟器可以跑的,如果有还请高人指点),但还得努力啊,一堆基础的API都不支持,例如TRIANGLE_FAN类型都不支持,例如lineWidth都不让设置,例如Shading Language都不支持return语句,还有好多坑,但还好我们都找到方法绕开了(如果你也遇到了IE11的坑可以帮我继续列举)。

5、Nexus 7二代很给力,作为WebGL的移动测试机,很轻且性能不错,终于找到了让我满意的愿意随身带着用的Android板。

6、打包android的WebView控件方式还很难搞,默认的WebView核与Android Chrome不一样,搞了个独立的Chrome 28的核还开启不了WebGL(要是有高人搞定了,还请指点)。

7、上点代表性的项目抓图,一个是IE11下的,一个是Android下的,总体说我感觉2013年经过各个厂家的努力,对于大多数的企业应用应该可以说:WebGL is Ready!

另供参考《基于HTML5的电信网管3D机房监控应用
HT for Web 3D 手册
HT for Web 入门手册
到  2013 年底,WebGL 能发展到什么程度?
到  2013 年底,WebGL 能发展到什么程度?
到  2013 年底,WebGL 能发展到什么程度? HT fo Web - 3D Animation Easing http://v.youku.com/v_show/id_XNzE4NzM3NDc2.html WebGL和之前出现过的大部分web前端技术都不同,它比通常的web前端技术要更为复杂,它的原生接口非常低级(标准制定者这么做的原因是想保证WebGL在各种场合的广泛适用性),换句话说,WebGL的学习难度非常大。因为一种技术非常复杂从而得出结论说市场不需要这种技术的推理过程简直是无稽之谈,结论也相当荒谬。所以对于这种难度极大而业界大部分人又对其未来持积极态度的技术,如果要等到标准和OS以及市场环境全部成熟了再下手,那么对于我们开发者来说是非常不利的,因为那就意味着我们需要更多的时间和精力来学习它,而竞争对手则早已经在循序渐进的过程中占领了先机。

另外,事实上,即使是当下,WebGL的底层兼容性问题也远非外界盛传的这么复杂。通常情况下,在Windows平台上我们不需要特别担心所谓的显卡驱动问题,因为Chrome和Firefox这两大主流支持WebGL的浏览器都是用ANGLE把WebGL API转换为DirectX API实现的。在非Windows平台上,OS X上使用Safari或Chrome、Firefox一切都近乎完美;在Linux上大部分的闭源驱动和Mesa classic DRI驱动都可以很好的支持WebGL。

WebGL标准本身和现阶段各浏览器所支持的扩展都没有致命缺陷,Native GL能做的WebGL几乎都能做。我支持@邓鋆 的说法,我们不能寄希望于将《使命召唤》这种AAA级游戏大作马上就搬到Web上,但WebGL目前已经可以胜任一些休闲游戏或者从移动平台移植过来的Native 3D Game/App,因为移动平台和网络平台通常都受同样的几个因素制约,例如网络状况和性能等等。

所以,我不知道未来会发生的事情,但我想如果你和Google、Apple、Mozilla等业界巨头一样,都非常看好这门技术,那么现在应该是一个非常好的时机来开始做必要的技术储备。 数据保密性太差,虽然three.js 已经非常强大了,但是你的模型数据瞬间就可以被竞争对手偷走,这个问题才是一个巨大的硬伤,能解决这个问题才行。现在看很难解决这个问题。 我个人认为,WebGL更多的是一种对HTML表现能力的一种补充,我期待着将来看到越来越多的演示,例如商品、房屋、城市等的3D展示,网页游戏中少部分3D效果的表现,而非生硬的把我们所熟悉的3D游戏完整搬到浏览器上。 2013年很可能Google Earth会有WebGL版的
---------------------------------------------------------------
应验了,最新版的 google maps 中 3d 地球视图就是WebGL做的 转眼2016了,貌似没什么大发展,如果将WebGL应用在VR上,期待中。。。。。 WEbgl的发展空间受限。相信我,来云台网看看云台网的引擎,会让你兴奋。 转眼间2014年底了,貌似没啥大发展呢,不知道2015年底会咋样。。 UC Android在接下来的版本也会提供很好的支持。
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

h5项目怎么运行 h5项目怎么运行 Apr 06, 2025 pm 12:21 PM

运行 H5 项目需要以下步骤:安装 Web 服务器、Node.js、开发工具等必要工具。搭建开发环境,创建项目文件夹、初始化项目、编写代码。启动开发服务器,使用命令行运行命令。在浏览器中预览项目,输入开发服务器 URL。发布项目,优化代码、部署项目、设置 Web 服务器配置。

H5页面制作究竟指什么 H5页面制作究竟指什么 Apr 06, 2025 am 07:18 AM

H5 页面制作是指使用 HTML5、CSS3 和 JavaScript 等技术,创建跨平台兼容的网页。其核心在于浏览器解析代码,渲染结构、样式和交互功能。常见技术包括动画效果、响应式设计和数据交互。为避免错误,应使用开发者工具调试;而性能优化和最佳实践则包括图像格式优化、减少请求和代码规范等,以提高加载速度和代码质量。

h5怎么制作点击图标 h5怎么制作点击图标 Apr 06, 2025 pm 12:15 PM

制作 H5 点击图标的步骤包括:在图像编辑软件中准备方形源图像。在 H5 编辑器中添加交互性,设置点击事件。创建覆盖整个图标的热点。设置点击事件的操作,如跳转页面或触发动画。导出 H5 文档为 HTML、CSS 和 JavaScript 文件。将导出的文件部署到网站或其他平台。

什么是H5编程语言? 什么是H5编程语言? Apr 03, 2025 am 12:16 AM

H5不是独立编程语言,而是HTML5、CSS3和JavaScript的集合,用于构建现代Web应用。1.HTML5定义网页结构和内容,提供新标签和API。2.CSS3控制样式和布局,引入动画等新特性。3.JavaScript实现动态交互,通过DOM操作和异步请求增强功能。

H5页面制作适合哪些应用场景 H5页面制作适合哪些应用场景 Apr 05, 2025 pm 11:36 PM

H5(HTML5)适合应用于轻量级应用,如营销活动页面、产品展示页面和企业宣传微网站。它优势在于跨平台性和丰富的交互性,但局限性在于复杂的交互和动画、本地资源访问和离线功能。

h5怎么制作弹窗 h5怎么制作弹窗 Apr 06, 2025 pm 12:12 PM

H5 弹窗制作步骤:1. 确定触发方式(点击式、时间式、退出式、滚动式);2. 设计内容(标题、正文、行动按钮);3. 设置样式(大小、颜色、字体、背景);4. 实现代码(HTML、CSS、JavaScript);5. 测试和部署。

H5页面制作是前端开发吗 H5页面制作是前端开发吗 Apr 05, 2025 pm 11:42 PM

是的,H5页面制作是前端开发的重要实现方式,涉及HTML、CSS和JavaScript等核心技术。开发者通过巧妙结合这些技术,例如使用<canvas>标签绘制图形或使用JavaScript控制交互行为,构建出动态且功能强大的H5页面。

如何使用地理位置API处理用户位置隐私和权限? 如何使用地理位置API处理用户位置隐私和权限? Mar 18, 2025 pm 02:16 PM

本文讨论了使用GeOlocation API管理用户位置隐私和权限,并强调要求权限,确保数据安全性并遵守隐私法律的最佳实践。

See all articles