澳门新萄京官方网站-www.8455.com-澳门新萄京赌场网址

引入1三个HTML5嬉戏网址,html个性检测

2019-06-01 作者:澳门新萄京赌场网址   |   浏览(90)

推荐10个HTML5游戏网站

2011/07/24 · HTML5 · HTML5

导读:原文作者Julio Rivera是一名来自纽约市的创意总监和网页设计师,他是Underworld Magazines的创始人。以下是全文。

到现在为止,我玩了好几年的在线游戏。我已经看过用Flash和其他软件制作游戏,目前是在用HTML5做游戏,只看到一个完整用CSS3做的游戏。

HTML5正在慢慢成为新的Flash,以前在Flash上很酷的东东,如拖放和下载条等,现在已可以用HTML5做到了。 HTML5的一个很好的资源,Github是一个不错的HTML5社交编程网站。在本文,我推荐10个HTML5的游戏网站,很多游戏开发商正在用HTML5开发新游戏。(相关阅读:2011年最经典的15个 HTML5游戏)

0. html5games.com

澳门新萄京官方网站 1

1. html5games.net

澳门新萄京官方网站 2

澳门新萄京官方网站 3
2. canvasdemos.com

澳门新萄京官方网站 4

3. rocketpack.fi

澳门新萄京官方网站 5

澳门新萄京官方网站 6
4. impactjs.com

澳门新萄京官方网站 7

5. canvasrider.com

澳门新萄京官方网站 8

6. freeciv.net

澳门新萄京官方网站 9

7. gamesforlanguage.com

澳门新萄京官方网站 10

8. yoyogames.com

澳门新萄京官方网站 11

9. mozillalabs.com

澳门新萄京官方网站 12

原文:Julio A Rivera  译文:敏捷翻译 – 关关

如需转载,但请注明原文/译文出处、译文超链接和译者等信息,否则视为侵权,谢谢合作!

赞 收藏 评论

澳门新萄京官方网站 13

感谢 Flash 所做的一切

翻译:疯狂的技术宅
来源:Chromium Blog
原文标题:So long, and thanks for all the Flash
英文原文:https://blog.chromium.org/2017/07/so-long-and-thanks-for-all-flash.html

今天早上(译者注:2017年7月25日),Adobe宣布他们计划在2020年底结束对Flash的支持。对于Flash开发人员来说,这意味着将要过渡到HTML,因为 Chrome 将越来越需要用户的明确许可才能运行 Flash 内容,直到2020年底完全取消支持为止。

在桌面和移动设备上HTML 比 Flash 更快捷、更安全、更省电。在三年前,每天超过80%的 Chrome 桌面用户访问使用 Flash 的网站,然而现在每天只有 17% 的用户访问使用Flash网站,随着网术迁不断迁移到HTML,我们将会看到这个数字还会持续下降。

澳门新萄京官方网站 14

在过去的三年里,Flash 的使用率下降了80%

我们强烈建议仍然使用 Flash 的站点尽快迁移到HTML,因为 Flash 在结束支持之前将会收到越来越多的限制:

  • 对于 Flash 游戏站点,openwebgames.com 提供了一个清单,列举了迁移到HTML相关的API和演示Demo。我们建议使用类似 WebAssembly 的技术来提高运算性能。
  • 对于使用 Flash 作为媒体的站点,Mozilla 的媒体迁移指南概述了用于在Web上编写、分发和播放媒体的API。
  • 最后,对于使用 Flash 广告的站点,我们建议切换到 HTML 广告。

Flash 为 Web 提供了丰富、动态的体验,并形成了现代的Web标准集。我们应该认识到,任何转型都会面临挑战,但我们将会继续与 Adobe 和 Web 社区密切合作,以确保用户得到丰富的相关开发经验,并帮助开发人员顺利的迁移到 HTML。

由 Anthony Laforge 代表 Chrome 团队发布


关注微信公众号,每天推送前端趋势和技术文章

澳门新萄京官方网站 15

微信扫一扫关注公众号

用Flash、HTML5和Unity开发网页游戏的现实

2011/11/11 · HTML5 · 来源: 9RIA     · HTML5

今天对于全球的Flash开发者来说是黑暗的一天,因为Adobe宣布将不再对移动设备上的浏览器进行Flash技术支持。在这之前,Adobe刚刚宣布了公司范围内的大幅度裁员。尽管这似乎并不是什么严重的问题,但是这却又使“Flash hate wagon”开始转动。

首先,我只关心基于网页的游戏开发。因此,这篇文章只关注这个主题。这并不是一篇关于Flash和HTML5的争论文章, 也不是教你如何在移动设备上搭建应用程序。所以,这篇文章纯粹的是关注当今开发web game的现实。

我比较了Flash,HTML5,Unity,因为他们是当今唯一可行的web game开发平台。我列了10个主题来比较他们:

  • 开发流程 – 用它来开发一个游戏有多容易?
  • 平台稳定性 – 当你开始和结束开发游戏这段时间内,它会发生改变吗?
  • 向后兼容性 – 用它开发的游戏10年后还能运行吗?
  • 移动性 – 移动设备的支持
  • 打包与分发 – 如何流通
  • 安全性 – 代码和知识产权保护
  • 货币化 – 如何运营赚钱
  • Facebook – 社交游戏的角度
  • 多少人会玩你的游戏
  • 3D支持 – Stage3D vs. WebGL vs. Unity

 

上述的方面我认为是所有游戏开发者在评估一个新的开发平台时都应该注意的。我希望这些建议对新老Flash开发者来说都会有所帮助。

1.开发流程

Flash:用Flash来开发游戏非常简单。因为关于它有无数的书籍,网站,教程,框架,视频和源代码。对于开发工具来说,Flex route是免费的,Flash IDE需要付费。Flash拥有通用且强大的矢量渲染功能,这意味这你创建的动画的文件格式会非常小。它全面支持音频和大多数的Adobe应用程序,例如在Flash IDE中嵌入Illustrator 和 Photoshop。而且Flash还有大量的内置功能。

HTML5:编辑器例如JetBrains 的Astella会使编程变的不那么痛苦。有一些优秀的调试工具使浏览器调试也非常简单。有许多关于HTML5游戏开发的书籍,网站,在线资源和示例程序。开发HTML5游戏的工具是免费,但是也有商业的工具,例如GameMaker HTML5 和Game Salad。如果你想让程序效率更高,并且你不怎么关注底层运行机制,你可以使用特定的的库类似ImpactJS。

Unity:有一个优秀的可视化编辑器,并且可以嵌入主流的3D应用程序中。基础版本是免费供家庭使用的。也可以在公司里使用,每年需要交纳不到100K $ 的费用。专业版本带有各种插件,价格在1500$上下。一旦你有了Unity,大量的教程和资源也随之提供,所以学习并不是问题。

 

2.平台稳定性

Flash:Flash是跨平台的,它不在乎你用的操作系统和浏览器是什么,不管你是破旧的IE或是最新的Chrome。只要你使用的平台上有Flash Player,对于体验来说都是一样的。Adobe每年都会发布一个新版本和许多现有版本的更新。

HTML5:HTML5一直处于变动中。基于此有2个副作用:第一,即便你什么都没有做,你的游戏仍然有潜在的崩溃可能。这是因为之前你已经升级或使用其他浏览器了。第二,你必须考虑多平台。在Chrome上可以运行只是第一步,你还必须处理IE,Firefox,Safari和各种操作系统。由此带来的维护成本也不能低估。另外,最大的技术挑战包括音频支持以及不一致的画布渲染速度等。

Unity: Unity的web player拥有和Flash一样的优势。Unity的插件也是跨平台的。Unity本身也会定期的发布新功能。

 

3.向后兼容性

Flash:10年前,用AS1制作的游戏仍旧可以在现在的Flash Player11上运行。向后兼容性十分出色。

HTML5:对于HTML5来说,比较向后兼容性有点不公平,因为它还在发展中。这意味着,如果它不符合W3C标准,就会被废弃。

Unity:Unity并不支持以前的插件,最开始我开期待它会像Flash一样,但似乎并不是这样。

 

4.移动性

Flash:直到今天前,我可以说,除了iOS平台,Flash插件对于移动平台的支持是伟大的。 但是Adobe官方宣布已经不再对移动设备上的Flash Player插件继续支持了,你可以认为它已经完全死了。当然你可以通过AIR来创建移动应用程序,但是这些不属于web game的范畴,所以我们不在此进行深入讨论。Stage3D对于移动的支持并不成熟,随着许多硬件厂商的合并,以及逐渐老化的AVM,对于Adobe的开发者来说是一场艰难的战争。种种迹象表明,在重建过程中,Adobe已经把Oliver Goldman从AIR团队中调到云项目。Oliver在AIR中是核心人物,至于结果怎样,只能仁者见仁了。

HTML5:HTML5对于移动的支持力度越来越强,iOS5上已经看到了性能的明显提升。当移动浏览器开始介入这些新特性,例如触摸事件和加速度的支持,我对于HTML5的前景逐渐看好。当然,你必须处理不同的屏幕分辨率和画面比例,但是这个问题不是只有HTML5有。

Unity:Unity并不支持移动浏览器上的插件。考虑到Unity的强项在于原生移动应用程序的编译,我能理解原因。

 

5.打包与分发

Flash:Flash的游戏最终都压缩成一个SWF文件。SWF文件可以简单地通过带有HTTP服务的网站进行传输。或者,它可以锁定到一个具体的URL上。Flash游戏的门户网站完全基于SWF文件的流动方式。SWF文件传播地越广,你挣的钱就越多。

HTML5:对于HTML5的游戏来说,没有跨平台或者统一的打包方式。那些最大的游戏门户网站都不允许开发者上传游戏。我认为是因为涉及到安全问题,它们不允许在站点上运行外来的JS程序。这就意味着传播HTML5游戏的唯一方式就是通过URL共享到一个目的站点,或者通过iFrame来嵌入。最终,是由开发者或赞助商来为给他们的游戏提供上传站点的主机费用买单。Flash传播游戏的方式是从站点来取出SWF文件,然后hosting这些SWF文件。这听起来不那么臭名招住,因为这的确是Flash挣钱的方式。门户网站可以使用带有沙箱参数设置的iFrame,但是这样做会阻止HTML5游戏需要使用的特性,例如本地存储和表单。

Unity:Unity和Flash类似,因为它也会最终创建出一个单一文件,然后上传到游戏门户网站,例如Kongregate。

 

6.安全性

Flash:SWF并不完美,但至少它能打包你所有的资源和代码到一个单一的文件,这就需要对它本身的技术很了解或者第三方的软件才能破解它。市场上有很多SWF保护服务和代码混淆软件,基本上可以防止随意的黑客和盗贼。

HTML5: JS代码可以混淆,但是不能被未加密的客户端加密。在内存中运行时,代码很容易被修改。图形和音频内容极容易被盗,可以通过Chrome或者Firefox的对象检查器,甚至通过浏览器的缓存文件夹。有人认为有一些保护HTML5资产的方式,并且认为Flash的资产一样容易被盗用。我不打算进入文件保护的辩论,我只想说,可以用来保护HTML5资产的方法都可以应用到Flash中。

Unity:和Flash类似。如果什么人有足够的决心来盗取它的资产,他会需要相当多的技术知识。

 

7.货币化

Flash:有许多很好的方式来挣钱,包括:游戏赞助,在游戏中的广告,与游戏门户网站的收入分成,广告分成,游戏中的交易,雇佣式游戏打工等等。我知道很多开发者完全不需要赞助商,只需要游戏和广告收入分成。网络中有大量为广告服务的API,只需要简单的上传你的游戏,就可以等到长期收入分成。

HTML5: 存在一些游戏中的广告服务,也可以把Google广告放在游戏中。我还没看到任何HTML5的游戏赞助市场或者收入分成交易。在游戏中的交易服务,比如Fortumo,已经存在和完善。

Unity:这里我不太懂,也许读者可以补充。

 

8.Facebook

Flash:Facebook上最流行的游戏都是用的Flash。The Sims Social每个月3600万的玩家使用的都是Flash。新的水果忍者同样使用Flash,并且会用到Flash 11的新特性。绝大部分的Zynga游戏也都使用Flash。之所以会这样,是因为Flash的受众,现有的技能(Flash开发者众多)和简单的开发流程。同时在Facebook上可以有很多方式来挣钱,因为它有大量的第三方服务和API接口。
HTML5: 我努力在Facebook上寻找最流行的纯HTML5游戏。当然肯定会有一些,因此,如果你找到了请帖链接。Zynga在2010年就收购了Dextrose,但是我还没看到什么结果。一些公司已经发布HTML5游戏到Facebook上,比如OMGPOP的Gem Rush,每日用户10人。但是Gem Rush只是用了HTML5的API,游戏本身还是Flash的!因此我的结论,目前为止,Facebook上最大的玩家群体还是使用Flash。

Unity:看上去Unity游戏在Facebook上也有一些赢利点。如UberStrike (每个月83万玩家) 和King’s Bounty(每个月2万玩家)。只要游戏内容足够吸引人,Facebook的用户也不方队安装Unity插件。

 

9.多少人会玩你的游戏

Flash:因为事实上,很多桌面用户都连接到互联网玩游戏,所以Flash的用户数量是巨大的。一个标准的Flash游戏在第一年通常有2-3百万次的访问量。好的Flash游戏当然次数更多。我们的游戏Home Sheep Home一上线就有每天1百万的访问量,在18个月内已经有1亿的访问量。这是一个惊人的数字。加上Facebook巨大的用户群,一定会有成百上千的用户在玩Flash游戏,玩家完全不是你的问题。

HTML5: 老实说,我无法找到任何相关数据,可能这个技术太新了,也没有用它做出来的好游戏。从技术上讲,可以说,潜在的用户可以有10亿,但是究竟事实上能有多少,开发者可以试试。

Unity:虽然Unity官方声明了玩家的数量,但是并没有第三方的统计。Kongregate上只有总共577000的访问量。而最好的Flash的游戏已经有2500万的访问量。事实上,排名前一百的Flash游戏没有低于250万的访问量。

 

10.3D支持

Flash:Flash Play 11引入了Stage3D,它本质上是OpenGL ES 2.0。Adobe已经做了一个标准化的工作来实现它,但是也有一大堆注意事项。首先,游戏需要用wmode=direct来嵌入。而大多数的游戏门户网站还不支持,所以如果你的游戏放到一个不支持它的门户上,它根本不会运行3D硬件。其次,不支持GPU的黑名单很令人丧气。任何2009年前的驱动程序无法工作;最常见的英特尔GMAS(板载图形芯片)也无法工作。而在2007年,90%的个人电脑都用了因特尔GMAS,这是个真正的大问题。当然Adobe必须要划一条线,但是Flash的吸引力在于它无所谓运行在什么样的硬件上。如果你用了Stage3D,实际上你已经把巨大的潜在玩家抛弃了。所以必须非常小心的选择这条路,确保你能尽快的回收资本。

HTML5: 在这里我们谈WebGL。它和Stage3D在技术层面上有很多相似点,但是在很多关键领域有缺陷:不能全屏,没有鼠标捕获(Flash Player11.2支持),没有多重渲染目标,没有instanced drawing等等。在Autodesk的博客上有一片很好的文章说了这些问题。当然这些只是短期内的技术难点,并且最终将可以被克服。WebGL最大的问题在于Microsoft目前的立场是不支持它。Microsoft不是WebGL工作组的成员,而且不支持WebGL的任何格式。由于IE浏览器仍然有很大的占有率,所以这个不容忽视。

Unity:Unity当然支持3D。在有限的测试中,Unity结果完美。当然你需要安装Unity的浏览器插件。但是如果你知道你的游戏玩家足够,那么Unity仍然是目前最好的3D游戏解决方案。Unity宣称将支持导出Unity游戏成Flash格式,而且不会有Stage3D带来的GPU黑名单问题。我真想把钱给Unity,让他们能够在不远的将来能够把Unity游戏导出成WebGL格式。

澳门新萄京官方网站 16

**Adobe将于2020年末停止对Flash的支持 **

http://tj.people.com.cn/n2/2017/0727/c375366-30537045.html

概述:Adobe计划终结Flash,宣布将于2020年末停止对Flash Player的更新和发行,官方鼓励网页开发者将现有的Flash内容迁移到新的开放格式[HTML5、WebGL,等等。

观点:随着Flash逐渐退出历史舞台,HTML5领域受到进一步关注,未来将HTML5游戏将会成为游戏业兵家必争之地,我司HTML5游戏业务应加快市场布局,做出与巨头有差异化的产品,巩固领先地位。

怎么对HTML 5的特性做检测?,html特性检测

原译文地址:

澳门新萄京官方网站 17

原文:Detect HTML5 Features

译文:HTML5特性检测

译者:dwqs

随 着HTML 5的流行,现在HTML 5占据了主要的市场份额,HTML 5增加了很多的新功能,这些新功能可以让Web体验变得更好。大多数特性在现代的主流浏览器中获得了支持,因此我们可以放心使用这些新特性来增加Web体 验。但是,当有新版本的浏览器发布时,我们不要忘记一些旧版本或者老的浏览器。

目前的另外一个事实是,用户想用旧版本的浏览器来支持新特性。因此建立的产品必须是跨浏览器的,而我们唯一能做的就是HTML5特性检测,来确保指定特性被浏览器支持时才执行代码。

引入1三个HTML5嬉戏网址,html个性检测。Modernizr是 一个非常好的JS库,它可以完成对HTML 5和CSS 3的特性检测。默认情况下,modernizr会对所有特性进行检测(当然可以自定义),但如果你只想检测某一个特定功能而不像引入整个JS库,那你就得 把代码放在正确的位置。在这篇文章中,我们将会看到如何使用原生的js和modernizr来检测HTML 5 的特性。

苹果中国应用商店下架VPN

http://www.ftchinese.com/story/001073617?dailypop

概述:苹果表示:“中国工信部今年初宣布,所有提供VPN的开发商必须从中国政府取得牌照。我们被要求从中国应用商店里撤掉一些不符合新规的VPN应用。”

观点:VPN受用户的青睐,归根到底是用户内心对高质量应用、产品的向往。目前上层政策收紧,进一步使市场上高质量CP紧缺,把握优质CP将是我司未来发展路上的关键所在。

    Canvas

// JS
return !!document.createElement('canvas').getContext;

// Modernizr
if (Modernizr.canvas) {

}

 

Video

// JS
return !!document.createElement('video').canPlayType;

// Modernizr
if (Modernizr.video) {

}

 

Local Storage

// JS
return 'localStorage' in window && window['localStorage'] !== null;

// Modernizr
if (Modernizr.localstorage) {

}

 

Web Workers

// JS
return !!window.Worker;

// Modernizr
if (Modernizr.webworkers) {

}

 

Offline Web Application

// JS
return !!window.applicationCache;

// Modernizr
if (Modernizr.applicationcache) {

}

 

Geolocation

// JS
return 'geolocation' in navigator;

// Modernizr
if (Modernizr.geolocation) {

}

 

提示:这篇译文翻译了大部分原文,英文原文澳门新萄京官方网站,后面还有有关“Adobe将会多久支持Flash播放器”和“Flash游戏开发人员该如何应对”的内容讨论。

 

赞 收藏 评论

澳门新萄京官方网站 18

Facebook将惩罚加载过慢网站页面 提高消息流速度

http://tech.hexun.com/2017-08-03/190300990.html

概述:Facebook消息流团队产品经理格雷格·马拉(Greg Marra)表示,这样做符合用户的需求。他透露,在Facebook用户向平台提交的反馈意见中,页面打开速度慢是最大的问题之一。九月开始,Facebook将对用户消息流中的文章进行过滤,惩罚页面加载速度慢的网站,奖励加载速度快的网站。

观点:全球性的社交网络网站对页面的加载速度日益重视,我司各个产品应顺应世界发展趋势,尤其是html5游戏产品,应与CP配合推进手机上页面加载速度,以更适合移动设备,减少用户流失。

    Placeholder Text

// JS
var i = document.createElement('input');
return 'placeholder' in i;

// Modernizr
if (Modernizr.input.placeholder) {

}

 

用户反映迅雷的离线下载和高速通道已经失效

http://tech.huanqiu.com/internet/2017-08/11088169.html

澳门新萄京官方网站 19

概述:该附图出自迅雷官方论坛,该人声称迅雷现在已经关闭了离线下载和高速通道服务,现在迅雷的离线功能会将相应的资源分发到迅雷路由宝上面,而迅雷9会通过与迅雷路由宝对接来获取会员资源加速的服务。迅雷官方论坛里有用户通过对他之前迅雷每天下载的数据来源信息进去确认,发现实际上很有可能迅雷的高速通道在7月3号就关闭了(从这天开始高速通道的数据量为0),离线下载在7月17日就关闭了(从这天开始离线下载的数据量为0)。

观点:结合前段时间QQ旋风宣布停运,彰显现阶段下载业务的收益和风险不匹配,受到移动互联网形成了操作系统和应用商店的绑定,视频版权烧钱大战持续,高层在意识形态上不断紧缩等诸多因素共同影响,工具下载作为一种商业行为,正在丧失最后的价值,而作为一种产品功能,已经被技术潜移默化。我司未来可减少对迅雷渠道投入。

    Form Autofocus

// JS
var i = document.createElement('input');
return 'autofocus' in i;

// Modernizr
if (Modernizr.input.autofocus) {

}

 

Microdata

// JS
return !!document.getItems;

// Modernizr does not provide support to detect Microdata

 

搜狗IPO

http://www.techweb.com.cn/finance/2017-07-31/2566465.shtml

澳门新萄京官方网站 20

概述:7月31日,搜狐公司宣布,其控股互联网搜索服务子公司搜狗公司计划就潜在的首次公开招股(IPO),向美国证券交易委员会(SEC)提交一份登记草案。搜狗CEO王小川还表示,未来将继续以语言为核心,在“自然交互+知识计算”的技术路线图上持续探索,改进人机交互界面,让人表达更容易;以及研究知识的表达、提取、推理计算技术,研发未来交互问答式的下一代搜索引擎新形态,实现“无处不在的搜索”,成为中国人工智能领域的创新者和引领者。

观点:上市后大量现金流涌入搜狗,未来将对百度搜索引擎作出有力冲击,根据搜狗CEO王小川内部信,可知搜狗对业务出海,人工智能算法等方向将有重量级布局,应关注搜狗渠道机会。

    History API(关于其介绍,请戳:  文章被伯乐在线转载:)

// JS
return !!(window.history && history.pushState);

// Modernizr
if (Modernizr.history) {

}

 

到目前为止,这是我收集的特性检测的代码列表。如果你有特性检测的代码想要在列表中分享,也可以告诉我。

 


这里涵盖了Web开发,移动开发,Java等编程语言、综合资讯、SEO等名博,博客收录集地址:

我用HTML5写的网站,检测的时怎是HTML401的?下面有说明

你的网站应该是html5 没错, 这个检测就是根据顶部的doctype HTML声明判断的, 是不是你本地浏览器的问题,我这边检测你的网站都是html5

澳门新萄京官方网站 21  

html5测试分数可以说明什?浏览器的性可以?

只是 对新的技术的支持程度 浏览器的性能包含的内容有很多 对html5的评分可以当做一个指标但是 很不全面 想要了解浏览器的性能就需要专业的工具去测试  

5的特性做检测?,html特性检测 原译文地址: 原文:Detect HTML5 Features 译文:HTML5特性检测 译者:dwqs 随着...

本文由澳门新萄京官方网站发布于澳门新萄京赌场网址,转载请注明出处:引入1三个HTML5嬉戏网址,html个性检测

关键词: