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. 【阿里巴巴】CBU技术部招聘

    如果你偏爱技术挑战,希望成就不一样的自己,欢迎投递简历至 yangyang.xiayy@alibaba-inc.com [业务简介] B2B内贸www.1688.com:1688.com是最大的内贸B ...

  2. PAT甲题题解-1120. Friend Numbers (20)-水题

    博主欢迎转载,但请给出本文链接,我尊重你,你尊重我,谢谢~http://www.cnblogs.com/chenxiwenruo/p/6789775.html特别不喜欢那些随便转载别人的原创文章又不给 ...

  3. Linux第五章笔记

    5.1 与内核通信 系统调用在用户空间进程和硬件设备之间添加了一个中间层. 主要作用有: 为用户空间提供了一种硬件的抽象接口 系统调用保证了系统的稳定和安全 每个进程都需要运行在虚拟机内 5.2 AP ...

  4. 《LINUX内核设计与实现》第一、二章学习总结

    第一章 Linux内核简介 (一)Unix是一个强大.健壮和稳定的操作系统,特点是: Unix很简洁,仅仅提供几个几百个系统调用并且有一个非常明确的设计目的 在Unix中,所有的东西都被当作文件对待, ...

  5. 关于 error C2039: “create”: 不是“cocos2d::GLView”的成员的解决方法

    问题: 跑一个demo,因为是涉及3.x版本的引擎,不是很熟悉,在VS2013上运行,报错 error C2039: “create”: 不是“cocos2d::GLView”的成员 解决: 通过查阅 ...

  6. Git(2.14.1版本)学习及使用(一)

    OuZeBo原创作品.转载请注明出处 http://www.cnblogs.com/OuZeBo/p/7477465.html 1.下载git:https://git-scm.com/ 2.安装(本人 ...

  7. ElasticSearch 2 (22) - 语言处理系列之标记规范化

    ElasticSearch 2 (22) - 语言处理系列之标记规范化 摘要 将文本拆解成标记只是工作的一半.为了使这些标记更容易被搜索到,它们需要经过一个规范化的处理过程,以移除相同单词间不重要的差 ...

  8. CentOS 安装 Harbor的简单过程(仅使用http 未使用https)

    1. 下载离线安装包 在线安装 99% 会失败, 建议还是使用离线安装包 下载地址 https://github.com/vmware/harbor/releases 20180719 时最新版本的g ...

  9. nodejs nodemailer 使用

    index.js const nodemailer=require("nodemailer") let sendEmail=function () { var transporte ...

  10. ES6学习笔记(一):变量赋值和基本数据类型

    let和const let和const不存在变量提升 变量一定要在声明后使用,否则报错. var a = []; for (var i = 0; i < 10; i++) { a[i] = fu ...