到 2013 年底,WebGL 能发展到什么程度?
回复内容:
我觉得取决于 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 入门手册



另外,事实上,即使是当下,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在接下来的版本也会提供很好的支持。

热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

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

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

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

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

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

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

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

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