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

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

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

    正如我们上周报道的,国外开发者Francois Remy在泄露版Windows Blue附带的Internet Explorer 11中发现,WebGL接口已经封装完成,但功能上还未能开放支持.在这之 ...

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

    VR的基本渲染方法掌握起来并不难,但是最迫切需要解决的问题是VR的出图速度问题.动则需要数小时的渲染时间真的是很难以接受,我们从三个影响速度的参数结合网上一些高手的教程来分析一下. 一.Irradia ...

  3. 【转】提高VR渲染速度的关键

    提高VR渲染速度的关键,这个教程比以往的教程都要重要很多,如果你是刚刚步入学习和上升阶段那么这将是你必须要看的东西,他会让你迅速提升技能达到比你死看书本好很多的效果,不多说上教程   VR的基本渲染方 ...

  4. CSS渲染速度改善的十个方法与建议

    由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险 一.*{} #zishu *{} 尽量避开 由于不同浏览器对HTML标签的解释有差异, ...

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

    上一张图,很多人都看过的 地址:http://aui.github.io/artTemplate/test/test-speed.html 这个地址是在看artTemplate的时候看到的,很早都看过 ...

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

    1.*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默 ...

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

    大家都知道一个游戏里面会有大量的图片,每一个图片渲染是须要时间的,以下分析两个类来加快渲染速度,加快游戏执行速度          一.SpriteBatchNode          1.先说下渲染 ...

  8. 教你如何在React及Redux项目中进行服务端渲染

    服务端渲染(SSR: Server Side Rendering)在React项目中有着广泛的应用场景 基于React虚拟DOM的特性,在浏览器端和服务端我们可以实现同构(可以使用同一份代码来实现多端 ...

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

    COCOS2DX 3.0 优化提升渲染速度 Auto-batching 近期在看COCOS2DX 3.0的Auto-batching合批与Auto Culling动态缩减功能以下就来细致看看吧:整合好 ...

随机推荐

  1. 小白之selenium+python关于cookies绕开登录1

    cookie是存储在本地浏览器目录的一些信息,详细一点的话可以查看度娘,按照我的理解就是将信息存储在本地,访问网站的时候,网站的服务器会优先读取本地目录位置的信息,然后做出相对的反应.这就是为什么有的 ...

  2. Revit二次开发-根据视图阶段(Phase)创建房间

    最近开发业务中,有一个自动创建房间的功能,很自然的想到了Document.NewRooms2方法.但是当前功能的特殊之处在于,Revit项目视图是分阶段(Phase)的,不同阶段的房间是互相独立的. ...

  3. [转载]JVM 垃圾回收机制(Garbage Collection)

    相关算法: 引用计数法 引用可达法 尚学堂 参考:http://www.sxt.cn/Java_jQuery_in_action/Principle_and_algorithm_of_garbage_ ...

  4. 前后端同学必会的Linux基础命令

    无论是前端还是后端同学,一些常用的linux命令还是必须要掌握的.发布版本.查看日志等等都会用到.以下是我简单的总结了一些简单又常用的命令,欢迎大家补充.希望能帮助到大家 基础篇 1.进入目录 cd ...

  5. PAT甲题题解-1076. Forwards on Weibo (30)-BFS

    题目大意:给出每个用户id关注的人,和转发最多的层数L,求一个id发了条微博最多会有多少个人转发,每个人只考虑转发一次.用BFS,同时每个节点要记录下所在的层数,由于只能转发一次,所以每个节点要用vi ...

  6. Notes of Daily Scrum Meeting(12.3)

    这个月大家的课业任务很重啊,加上软工有三个课程设计要完成了,感觉亚历山大的说,而且我们alpha阶段完成度低一些, 所以任务更多了,今天做的东西就不多,希望大家加油吧! 团队成员 今日团队工作 陈少杰 ...

  7. Java运算符、switch、数组、排序

    1.Java的运算符,分为四类:算数运算符.关系运算符.逻辑运算符.位运算符 运算符例子:22.25(十进制转化为二进制,8421码)0010 0010 (22)0010 0101 (25) 位运算符 ...

  8. Daily Scrum - 11/19

    今天任烁帮忙更新了大家在Sprint 2中的Task,基本每人的Task都是细分到每天的,这样大家初期的工作应该会更有效率一点. 任烁今天表示“进度条背词法”应该是可以融合到原有算法中的,期待他的改进 ...

  9. DOM父节点、子节点例子

    父节点 <body> <ul id="oUl"> <li><a href="#">隐藏1</a>&l ...

  10. 在PHPStorm中快速插入当前日期

    在EditPlus中使用快捷键Ctrl+D即可插入当前日期,但在PHPStorm中似乎没有这样的快捷键,那如何实现快速插入当前日期呢?其实很简单,跟我做一遍你就会了: 目标 为PHPStorm定义一个 ...