[整理]IE11中的WebGL探秘:渲染速度超Chrome

http://www.csdn.net/article/2013-12-19/2817854-IE11-WebGL-and-more

摘要:IE11开始支持WebGL,并且效果非常好,IE11的WebGL渲染器速度是canvas2d的十几倍、在其他支持WebGL的浏览器上也发现了同样结果,这将提高许多游戏的性能。

微软最新发布的浏览器IE11打破常规,开始支持WebGL——尽管其基础是微软DirectX的宿敌OpenGL。最近,微软承诺将开放 IE标准的诸多信息,这表明他们的确在非常认真的对待此事。他们将承诺付诸实践,提供了真正的以标准为基础的特色——希望这一趋势能够延续。

大约一年前,SCIRRA曾评测了IE10,结果并没想象中的那么优秀。那么新一代的IE11表现如何呢?它将如何抗衡新版Chrome和Firefox?

WebGL相对于canvas2d的优势

对Construct 2游戏而言,IE支持WebGL令人感到高兴。如今你可以使用WebGL着色器效果,并且IE11也可兼容该效果。如此一来,诸如“Rain demo”等Construct 2游戏图像将更加生动。

WebGL支持又将为IE11中Construct 2游戏带来哪些效果呢?大家进行了渲染器测试,测量了浏览器在30FPS条件下所能管理的屏幕子画面数量(链接:WebGL测试canvas2d测试)。测试电脑装有Windows 8.1 64位系统,搭载英特尔酷睿 i5-2500 (3.3 GHz)处理器、8GB内存和nVidia GeForce GTX 660显卡。

效果大不相同!IE11的WebGL渲染器速度是canvas2d的十几倍。在其他支持WebGL的浏览器上也发现了同样结果。这将提高许多游戏的性能,对于移动开发者来说,他们非常希望看到WebGL将如何影响Windows Phone 8的游戏性能,因为移动端的游戏性能更为重要。

IE11、Chrome和Firefox的WebGL速度对比

令人吃惊的是,在该项测试中,IE11击败了Chrome和Firefox!这 或许是因为IE11采用的是以DirectX 11为基础的渲染器,并且使用了新优化的JavaScript引擎。这是第一次看到IE评分大幅领先于Chrome和Firefox,希望此评分能够促使 谷歌和Mozilla进一步提高浏览器性能。浏览器市场再次出现健康的竞争状态,这将是一个非常好的标志。幸运的是,各浏览器性能都非常优异——我认为只 有少部分游戏的屏幕子画面数量能够超过10000幅。

IE11支持WebGL的最后一个优点体现在复古游戏上。对使用像素图 形制作的游戏而言,放大图形后使游戏保持像素化是非常重要的。IE10采用了模糊的线性标度,破坏了图像清晰度。由于IE11能够支持WebGL,因此游 戏能够实现点采样,保持复古风格。IE11还能够支持canvas2d渲染器,因此你可以选择任意方式。但IE11默认使用WebGL渲染器,除非你关掉 它(不建议你这么做)。

全屏API支持

桌面版IE11的其他主要新功能包括支持全屏API。这意味着IE11能够满足浏览器目标的“全屏动作要求”,诸如iframe‘d等游戏都能够全屏运行。这将成为你的游戏中一个非常好的额外特色,尤其适合于街机模式游戏。

支持Windows应用商店应用

或许是为了满足兼容性需求,目前Windows应用商店的应用依然在使用IE10引擎。若要使用支持WebGL的IE11引擎,你就必须针对Windows 8.1重新发布游戏。你还应使用Construct 2 r147+将游戏导出至Windows 8.1,并使用Visual Studio 2013发布。

结论

相较于IE10支持HTML5,IE11支持WebGL则是更大程度的改进。对Construct 2游戏而言,IE11支持渲染器效果以及性能提升都是非常宝贵的更新。在测试中,IE11全屏支持效果非常出色,超越了Chrome和Firefox。

来自:SCIRRA

时间: 2024-08-27 08:32:23

[整理]IE11中的WebGL探秘:渲染速度超Chrome的相关文章

如何在IE11中开启WebGL暨微软和WebGL的恩怨情仇录

正如我们上周报道的,国外开发者Francois Remy在泄露版Windows Blue附带的Internet Explorer 11中发现,WebGL接口已经封装完成,但功能上还未能开放支持.在这之后,另一名开发者Rafael Rivera继续深入挖掘,竟然发现了在此版本的Internet Explorer 11中开启WebGL支持的方法. 实际上方法简单地称奇.首先你必须已经安装了Windows 8 Blue build 9364和最新的显卡驱动(系统自带的显卡驱动在OpenGL方面支持不足

COCOS2DX 3.0 优化提升渲染速度 Auto-batching

最近在看COCOS2DX 3.0的Auto-batching合批与Auto Culling动态缩减功能下面就来仔细看看吧:整合好的渲染提速干货: 简介 在游戏的绘制渲染中,往往消耗很多资源和内存,当绘制精灵数量越多,游戏的卡顿会很明显,为了优化和提升渲染效率.Cocos2d-x为我们提供了Auto-batching和SpriteBatchNode. Auto-batching 意思是Renderer将多次draw的调用打包成一次big Draw 调用.(又名批处理). SpriteBatchNo

SpaceClaim的带来的渲染速度与KeyShot SpaceClaim的为工程师

今天,我们继续KeyShot整合猛攻成为最流行的3D建模系统与SpaceClaim的突破的消息,KeyShot已被选定为SpaceClaim的工程师集成渲染解决方案.SpaceClaim的是与直接建模方法和SpaceClaim的2014年发布SP2中增加了这种集成'KeyShot SpaceClaim的为“和与它极其灵活的软件,应用内SpaceClaim的KeyShot材质模型的能力,然后将它们发送到KeyShot应用照明,设置摄像头,并采取渲染图像的截图.所有这一切都是免费提供给用户Space

10条影响CSS渲染速度的写法与建议(摘抄HTML5中国)

1.尽量避免 *{} 由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一开始就把所有的默认属性全部去除,以达到所有标签属性值都统一的效果.所以就有了*通配符.* 会遍历所有的标签: *{ margin:0;padding:0} 建议的解决方法: (1)不要去使用生僻的标签,因为这些标签在不同浏览器中解释出来的效果不一样:所以要尽可能的去使用那些常用的标签: (2)不要使用*:而是把常用到的这些标签进行处理:例

浏览器渲染速度优化

前言: 要实现网站的大提速,必须在各个环节进行精确的设置和安排.网站一旦打开速度变慢,往常,站长们第一时间肯定会认为“服务器慢”,其实看完本章后,你会发现或许结果并不完全是这样.影响网站速度的因素千差万别,服务器仅是其中一小部分因素而已. 有一种常见的情况,同样的服务器,网站与网站之间的打开速度也千差万别,这就和网站的制作工艺有相当大的关系:本节重点讲一下网站制作工艺优化. 我们可以大致将影响网络速度的因素分为五个来进行分别优化: 一.服务器硬件配置和设置: 二.服务器的线路及带宽: 三.用户电

10条影响CSS渲染速度的写法与建议

1.*{} #zishu *{} 尽量避开 由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默认属性全部去除,以达到所有签标属性值都统一的效果.所以就有了*通配符.*会遍历所有的标签: *{margin:0; padding:0} 建议的的解决办法: 1)不要去使用生僻的标签,因为这些标签往往在不同浏览器中解释出来的效果不一样:所以你要尽可能的去使用那些常用的标签: 2)不要使用*:而是把

cocos2dx-3.0(13)------SpriteBatchNode与SpriteFrameCache渲染速度

大家都知道一个游戏里面会有大量的图片,每一个图片渲染是须要时间的,以下分析两个类来加快渲染速度,加快游戏执行速度 一.SpriteBatchNode 1.先说下渲染批次:这是游戏引擎中一个比較重要的优化指标,指的是一次渲染凋用. 也就是说,渲染的次数越少,游戏的执行效率越高. 2.SpriteBatchNode就是cocos2d-x为了减少渲染批次而建立的一个专门管理精灵的类. 有人会问.怎么高速知道究竟渲染了多少次了.告诉你吧,游戏左下角有三行数据: GL verts 表示给显卡绘制的顶点数

引擎渲染速度测试--我js代码写得少你不要骗我

上一张图,很多人都看过的 地址:http://aui.github.io/artTemplate/test/test-speed.html 这个地址是在看artTemplate的时候看到的,很早都看过但是没去研究为什么artTemplate为什么那么快,其他的为什么那么慢.最近看underscore的源码,先看了template部分,再想起这张图,我就不服了.凭神马underscore那么慢,基本上就是倒数第二的成绩.我代码写得少,上面那个图是在骗我吗!!! 于是看了下作者的测试代码,也在作者那

提高VR渲染速度的最好方法(经典转载)

VR的基本渲染方法掌握起来并不难,但是最迫切需要解决的问题是VR的出图速度问题.动则需要数小时的渲染时间真的是很难以接受,我们从三个影响速度的参数结合网上一些高手的教程来分析一下. 一.Irradiance map(发光贴图)二.Light cahe(灯光缓存)三.图形抗锯齿方面Image sampler (Antialiasing) 一.Irradiance map(发光贴图) 大家都知道,rate中对速度影响最大的是min值,那么我们就在max固定的情况先来测试一下改变min值所需要花费的时