HTML5的发展越来越迈向成熟,很多的应用已经逐渐出现在你我日常生活中了,不只让传统网站上的互动Flash逐渐的被HTML5的技术取代,更重要的是可以透过HTML5的技术来开发跨平台的手机软件,让许多开发者感到十分兴奋!查看全文>>
HTML5的标签重新定义,其属性更加简单高效,本地存储、缓存技术更加完善,简单易用,最重要的是其游戏开发方面,canvas的绘制,加之以用于开发3D游戏,更加方便快捷,无需下载,打开浏览器就可以玩。对视频音频的支持也更加完美,是web的重大革新。另本文总结了HTML5带来的15项你必须知道的新特性(偏基础)。查看全文>>
drawBackground() 函数在画布的 (0,0) 绘制背景图像。稍后,我会在本文中修改该函数,以便滚动背景。而绘制平台(它们不是图像)需要更广泛地使用 Canvas API。多用途的 drawImage() 方法您可以使用 Canvas 2D 上下文的 drawImage() 方法在画布内的任何地方绘制一个完整的图像,或图像内的任何矩形区域,有选择地沿着路线缩放图像。除了图像外,您还可以利用 drawImage() 绘制另一个画布或一个 video 元素当前帧的内容。这只是其中一个方法,但 drawImage() 还有助于便利地实现有趣的或者难以实现的应用程序(如视频编辑软件)。查看全文>>
drawRunner函数中主要是将三个参数(一个图像、左侧坐标和顶部坐标)向drawImage()传递,其中顶部坐标由跑步者所驻留的平台决定,而左侧坐标则是一个常数查看全文>>
既然图形和动画的先决条件已经得到满足,那么现在是时候让 Snail Bait 动起来了。首先,我在游戏的 HTML 中让 requestNextAnimationFrame() 包含 JavaScript。startGame() 函数由背景图像的 onload 事件处理器调用,该函数通过调用 requestNextAnimationFrame() polyfill 启动游戏。在绘制游戏的第一个动画帧时,浏览器会调用 animate() 函数。查看全文>>
HTML5 中video标签是用来对视频文件播放的,而我们的视频文件大多数格式的都是以flv后缀或者是mp3和MP4结尾的。不过有时候发现在html网页中,一般情况下,MP4或者MP3格式的视频都不能播放。因此,我们巧妙的借助HTML5 的video标签。就可以正常播放MP4的视频了。查看全文>>