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. 【转载】python %s %d %f

    %s 字符串 string="hello" #%s打印时结果是hello print "string=%s" % string      # output: s ...

  2. Shell 基础 -- 流编辑器 sed 详解

    一.流编辑器 sed 与命令 sed Linux 中,常使用流编辑器 sed 进行文本替换工作.与常使用的交互式编辑器(如vim)不同,sed 编辑器以批处理的方式来编辑文件,这比交互式编辑器快得多, ...

  3. ajax请求超时判断(转载)

    ajax请求时有个参数可以借鉴一下 var ajaxTimeOut = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : ' ...

  4. Scrum Meeting NO.1

    Scrum Meeting No.1 1.会议内容 不出所料地,组员们都在忙着写编译.编译大作业的进度已经接近尾声,码农们已经磨刀霍霍向软工-- 在上一周,bugphobia和我们组决定共同使用一套后 ...

  5. 基于SSH框架的学生选课质量属性分析

    系统:学生选课系统 框架:SSH(Struts2+Spring+Hibernate) 我做的是基于SSH框架的学生选课系统.学生选课系统的特性:①系统响应时间短,能够快速调出课程数据供学生选课提交.② ...

  6. Windows 2019 下安装Oracle18c

    1. 跟之前版本不一样 与linux 的版本一样 18c的DB 端的安装有区别. 首先需要 创建一个oracle的目录. 这里最简单的方法是 参照12c的目录来 创建 比如我创建的 然后将 db_ho ...

  7. windows日志查看-非法关机判断方法

    日志文件,它记录着Windows系统及其各种服务运行的每个细节,对增强Windows的稳定和安全性,起着非常重要的作用.但许多用户不注意对它保护,一些“不速之客”很轻易就将日志文件清空,给系统带来严重 ...

  8. C++中 0 与 NULL 与 nullptr之间的关系,nullptr_t 的实现

    C++中 0 与 NULL 与 nullptr之间的关系,nullptr_t 的实现 来源 http://blog.csdn.net/Virtual_Func/article/details/4975 ...

  9. 【刷题】BZOJ 2134 单选错位

    Description Input n很大,为了避免读入耗时太多, 输入文件只有5个整数参数n, A, B, C, a1, 由上交的程序产生数列a. 下面给出pascal/C/C++的读入语句和产生序 ...

  10. Spring点滴十:Spring自动装配(Autowire)

    在基于XML配置元数据,在bean的配置信息中我们可以使用<constructor-arg/>和<property/>属性来实现Spring的依赖注入.Spring 容器也可以 ...