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. Unity Dotween官方案例学习

    本文只涉及一些案例,具体查看 DoTween 官方文档. 一. Basics public class Basics : MonoBehaviour { public Transform redCub ...

  2. 以太坊—P2P网络

    Chord算法 1.Chord 概念 Chrod算法是P2P中的四大算法之一,是有MIT(麻省理工学院)于2001年提出 . Chord的目的是提供一种能在P2P网络快速定位资源的的算法,Chord并 ...

  3. 20135327郭皓--Linux内核分析第四周 扒开系统调用的三层皮(上)

    Linux内核分析第四周 扒开系统调用的三层皮(上) 郭皓 原创作品转载请注明出处 <Linux内核分析>MOOC课程 http://mooc.study.163.com/course/U ...

  4. 四则运算level2

    package j; import java.util.Scanner; public class Main { public static void main(String[] args) { Sc ...

  5. Beta阶段冲刺-3

    一. 每日会议 1. 照片 2. 昨日完成工作 3. 今日完成工作 4. 工作中遇到的困难 杨晨露:组内图表部分遇到了问题,他们的问题一出来,我就头疼了......因为要调整计划时间,所以我觉得我的困 ...

  6. [财务知识]IFRS9

    浅谈IFRS9 2018-07-10 23:15信用/收益 原创申明 本文原创作者为金融监管研究院助理研究员李健,未经授权谢绝转载.引用.抄袭. 引言 2018年6月6日,财政部会计司发布了“关于就& ...

  7. MySQL查询优化:LIMIT 1避免全表扫描

    在某些情况下,如果明知道查询结果只有一个,SQL语句中使用LIMIT 1会提高查询效率. 例如下面的用户表(主键id,邮箱,密码): create table t_user(id int primar ...

  8. 【loj6029】「雅礼集训 2017 Day1」市场 线段树+均摊分析

    题目描述 给出一个长度为 $n$ 的序列,支持 $m$ 次操作,操作有四种:区间加.区间下取整除.区间求最小值.区间求和. $n\le 100000$ ,每次加的数在 $[-10^4,10^4]$ 之 ...

  9. selenium_UI自动化——篇1(基础)

    元素定位的几种方式: (1)driver.find_element_by_id("idname") (2)driver.find_element_by_name("nam ...

  10. (转)CS0016: 未能写入输出文件

    转自:http://www.pageadmin.net/article/20130305/537.html 编译错误 说明: 在编译向该请求提供服务所需资源的过程中出现错误.请检查下列特定错误详细信息 ...