HTML5俨然已经成为Web开发社区的主要热点,相应的出版物也越来越多。笔者一直在关注HTML5技术的发展,最近阅读了两本有关HTML5技术的中文书籍,在这里把自己的阅读体会写出来,希望能够让读者有所收获。
我所阅读的两本书分别是《HTML5揭秘》、《HTML5高级程序设计》。
《HTML5揭秘》是一本不错的入门读物,英文原名是《HTML5:Up and Running》,引自O'Reilly出版社,作者Mark Pilgrim是Google的员工。这本书的主要优点也是我最欣赏的几个地方:
一直从事Flash相关开发,但也一直在关注HTML5及相关技术。最近基于HTML5 Canvas并按照AS3的架构开发了一个JS游戏框架CasualJS(此框架正在开发完善中,编程方式也跟用as3开发非常类似,如果有朋友有兴趣的话以后可以考虑开源)。
不知道大家对ipad下的经典塔防游戏Field Runner有没有印象,下面就是我用Field Runner的一些素材(版权归原著所有,只是借用而已)以及这个框架做的一个简单的游戏demo,以此检验HTML5 Canvas做游戏的能力,有兴趣的可以到这里来体验一下: http://www.riaidea.com/html5/casual/runner.html 或者 http://www.html5idea.com/runner/index.html (因需加载近2M的图片资源,稍微有点慢),请用支持HTML5的浏览器浏览,如Firefox3.6,Safari5,Chrome等。
游戏功能更新:
Color cycling是上世纪8位视频游戏时代经常使用的一项技术,通过循环移动调色板实现引人注目的视觉特效。当时的游戏主要使用这项技术制作水、火和其它环境特效的动画。由于种种原因,Color cycling的效果今天看来相当粗糙(如视频),但也有开发者能挖据出其潜力,展现出栩栩如生、变化多样的环境效果。
令人遗憾的,Color cycling在上个世纪末就被其它新技术所替代,如3D渲染和32位“真彩色”游戏。然而,随着游戏的移动化和浏览器化,旧的2D图形技术再次焕发出新的魅力。Joseph Huckaby使用HTML5 Canvas技术重新实现“Color Cycling”,制作了一个DEMO演示(支持除IE之外的最新浏览器),在LGPL下发布了源代码。
已经有许多文章是关于HTML5的了,例如“HTML5有什么期待?”和“HTML5会如何改变网络”之类的,但是对于Web开发人员来说,最主要需要知道的是:我现在可以用上HTML5来做些什么,我怎么开始使用它?好消息是现在已经有不少的HTML5里的东西可以使用了。
但是,开始你就必须要明白一件事情,你需要知道你的受众如何,否则的话你就不该使用HTML5。假如你的站点的访问大部分人都是在使用IE6,那么你完全没有任何理由使用HTML5。另一方面,如果你站点的访问者都是使用手机浏览器,如iPhone和iPad,那么你还在等什么呢?马上就可以开始动手了!等等,这里有一些准则,看完再动手不迟。
HTML5的Canvas对象将改变JavaScript的使命,使之成为HTML5下强大的动画脚本编写工具。本文介绍了 8 个你也许从未见过的,基于 HTML5 Canvas和JavaScript的动画,这些令人难以置信的效果将使你对 HTML5彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。
按照每八周更新一次IE9版本的承诺,微软今天发布了IE9的第三个平台预览版1.9.7.8.74.6000,该版本很有可能是Beta版之前的最后一个预览版本。IE9第三个平台预览版正式支持HTML5的视频和音频标签,浏览器整体性能和对新标准的支持方面也进行了极大的完善。此外,微软更新了Test Drive网站,大家可以对新版IE9进行亲自测试。
系统要求:安装IE8和DirectX 2D的Windows 7或Vista SP2
国外博客作者发现Apple借助HTML5通过拙劣的营销手法来推广其浏览器。
苹果的HTML5 Showcase意图展示一个没有插件、兼容Web标准的美好网络体验。
但当我们尝试使用Chrome浏览器访问具体的展示页面时,却会看到这样的提示:“你需要下载Safari来收看这个演示。”...还没完,页面上还显示:“这个演示是根据Safari支持的最新网络标准来设计的。如果你想体验这个演示,仅仅只需要下载Safari。它在Mac和PC上都是免费的,整个过程仅需数分钟。"