Web开发者:从Flash到HTML 5的捷径

日期: 2013-04-23 来源:TechTarget中国 英文

  Steve Jobs在2010年4月发布文章《关于Flash的思考》,引发了HTML5与Flash史诗般的论战。许多积极的开发者提出了他们的观点。一些人说Jobs错了,或者部分的或完全的同意。3年过去,HTML5日益强大,我这样的聪明人当然应该过去瞅瞅。可问题是:怎么开始呢?

  身为Flash开发人员,从巨混乱的HTML5工具、库类或框架里找到入手之处,真是难为我的。经过忍受学习HTML、JavaScript、jQuery和CSS基础的头痛,加上很好的耐心,我挑选了一些工具,认为可以简化从Flash到HTML5的转换。我的想法是尝试用Flash已有的东西创建HTML5。这些有:

  PreloadJS加载资源

  有很多不同和有趣的方式加载资源到HTML5页面中。Grant Skinner有长时间Flash开发经验,他的PreloadJS似乎是个好的开始。PreloadJS是CreateJS的一部分,包含了许多的库类,比如动画。

  使用Cufón支持大尺寸自定义字体

  自定义字体在Flash中使用频繁,但是在HTML5上很难做。最大的问题是浏览器的不一致,也是HTML作品面临的最大问题。你可能会用CSS属性 @font-face嵌入字体。不过Cufón提供JavaScript的解决方案,可以减少一些问题,尤其是使用大尺寸字体的时候。

  Cufón的优势是处理大字体时Windows上看起来更平滑,在不同浏览器上看起来完全一样。

  Cufón另一个好处是使页面加载更快,不需要等待整个字体文件下载。你还可以只加载特定你需要的几个字符。你可以从这个体验教程开始。

  补间动画(Tweening)是大头

  动画使项目更好看,以前也有如Tweenlite样的好工具。幸运的,Greensock的创始人和他的伙伴决定让Greensork Tweening支持JavaScript。

  HTML5 Canvas绘图API

  谁不被ActionScript的绘图API所吸引?事实上,有很多开发者更喜欢用可重用的代码制作组件,而不是依靠Flash IDE。HTML5 Canvas API带来了方便。它和Flash不完全相同,但绘出一些图形后你会发觉一些和Flash“grapics.drawRect()”相似的方法。如果你想更接近Flash的操作,使用EaselJS,也是CreateJS的一部分。Lee Brimelow写了体验教程入门。

  更好的信号事件机制

  事件机制是绝大多数Flash应用的核心,而且他们无法在HTML5中那么有效。当然你可以使用JavaScript的原生事件功能。我找到Miller Mederios开发的自定义事件/消息系统,JS-Signals,可能是更好的选择。

  Flash深链接,试试Crossroads

  不是什么项目都需要这个,不过Flash深链接增强可用性很多使用。Miller Mederios的Crossroads胜任。还有别的选择,不过我还是觉得这个易用。

  为了方便,我就不提及比如音频、视频、3D、物理、地理和本地存储这些更先进的技术。不过我建议你试试我提到的一两个工具。它们会是很好的热身,更方便的从Flash到HTML5,希望这些对你有帮助。

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

相关推荐

  • 对话陈本峰:HTML5究竟给企业带来了什么?

    智能手机的普及,移动计算的应用,带火了HTML5技术。尤其,当我们看到微软朋友圈被“故宫与腾讯合作”的广告刷屏,我们不得不承认,HTML5技术确实很重要,但是HTML5究竟带来了什么,与以往移动技术有什么不同?

  • HTML5促进企业移动化服务走向极致

    在企业困扰于传统移动化方式过于复杂时, HTML5凭借其天然的跨平台特性,乘势而起并逐渐得到企业的关注。可是,由于HMTL5标准建立时间不长,展示性能及稳定性更是需要和浏览器有一个良好的兼容,除此之外企业更是缺乏实际应用经验,所以基于HTML5技术的企业级服务市场还处于一片初创状态。

  • HTML5如何在企业中深入使用?

    据调查显示全球拥有490亿 在线设备,比人口数量多几倍,这说明平均每人拥有不只一部分在线设备。由此可见,全球移动生态系统是多么的庞大。

  • HTML5来了:推荐5个好用的混合式App开发工具

    在残酷的移动互联网竞争环境下, HTML5技术一直受到各方关注,“HTML5颠覆原生 App”的争论也从未停止过,不管怎样HTML5生态的构建方兴未艾。