前面我们分享过一个HTML5Canvas实现的图像马赛克模糊效果，HTML5处理图片真的非常简单。今天我们要再利用HTML5Canvas实现一个粒子效果的人物头像，你可以任意选择一张头像图片，接下来该图片会被打散成许多粒子，然后慢慢的重组成图片，鼠标滑过图片时粒子还会出现浮动的动画特效，看上去非常酷。在线预览 ...

这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。该文字特效用SVGpath属性将文字路径切割为很多小块，然后使用css3和js在鼠标滑过文字时制作文字爆炸分裂的炫酷效果。在线预览   源码下载这是一款使用html5svg、css3和js制作的炫酷文字爆炸特效。不论是HT...

马赛克模糊经常应用于图片或者视频，今天我们要利用HTML5Canvas技术来实现图片的马赛克模糊效果。在演示中我们可以拖动滑竿来设置马赛克模糊的程度，你可以在不同的值下观察图片被马赛克后的效果。HTML5的确非常强大。效果图如下：在线预览   源码下载实现的代码。html代码：<di...

之前给大家分享了html5实现的水果忍者，愤怒的小鸟，中国象棋游戏。今天给大家分享一款捕鱼达人（fishjoy）网页版游戏的源码。可以在线玩也可以下载到本地。它使用html5技术和javascript制作而成。整个游戏的仿真度99.99%。效果图如下：在线预览   源码下载实现的代码。ht...

棋类游戏在桌面游戏中已经非常成熟，中国象棋的版本也非常多。今天这款基于HTML5技术的中国象棋游戏非常有特色，我们不仅可以选择中国象棋的游戏难度，而且可以切换棋盘的样式。程序写累了，喝上一杯咖啡，和电脑对弈几把吧，相信这HTML5中国象棋游戏的实现算法你比较清楚，可以打开源码来研究一下这款HTML5中国象棋游戏。在线预...

之前给大家分享一款基于html5canvas和js实现的水果忍者网页版，今天给大家分享一款基于html5实现的愤怒的小鸟网页游戏。这款游戏适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下：在线预览   源...

今天爱编程小编给大家分享一款基于html5canvas和js实现的水果忍者网页版。《水果忍者》是一款非常受喜欢的手机游戏，刚看到新闻说《水果忍者》四周年新版要上线了。网页版的切水果游戏由百度JS小组开发，采用vml+svg绘图，使用了Raphael，效果很赞，赶紧来膜拜一下。效果图如下：在线预览  ...

今天给大家分享一款基于HTML5实现五彩连珠小游戏。这款游戏的规则：点击彩球移动到期望的位置，每移动一次，画面将随机出现3个新的彩球；当同一颜色的彩球连成5个一行或一列或一斜线时，这5个彩球同时消失，游戏得分10分。当画面上每个方格都被彩球占满时，游戏结束。在线预览   源码下载实现的代码...

今天给各网友分享一款基于HTML5Canvas的画板涂鸦动画。记得之前我们分享过一款HTML5Canvas画板工具，可以切换不同的笔刷，功能十分强大。本文今天要再来分享一款基于HTML5Canvas的画板涂鸦动画应用，功能和之前那个类似，但是新增了回撤和清空画板的操作，实现思路也基本类似。实现的效果图如下：在线预览&n...

今天爱编程小编给大家分享一款非常绚丽的jQuery焦点图插件，同时这款焦点图也利用了HTML5和CSS3的相关特性，使图片切换效果更加丰富多彩。另外，这款jQuery焦点图插件的特点是全屏的效果，因此看上去也非常的大气和整体。效果图如下：在线预览   源码下载实现的代码。html代码：&l...

今天要来分享一款很经典的HTML5游戏——堆木头游戏，这款游戏的玩法是将木头堆积起来，多出的部分将被切除，直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的，因此需要你很好的控制木头下落的位置。在线预览   源码下载实现的代码。html代码：<divstyl...

今天给大家分享一款基于html5和jquery的篮球跳动游戏。这款实例和之前分享的 HTML5重力感应小球冲撞动画类似。用鼠标拖动篮球，篮球在页面上跳动，可在演示中看下效果。效果图如下：在线预览   源码下载实现的代码。这个实例主要是js代码。js需要引用jquery和Phase...

今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片，支持左右箭头和圆点按钮播放控制，支持多种不同的3D动态切换特效，自适应全屏显示，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。横向全屏显示，效果图如下：在线预览&...

今天我们来分享一款很酷的HTML5重力感应动画教程，这款动画可以让你甩动页面中的小球，小球的大小都不同，并且鼠标点击空白区域时又可以生成一定数量的小球。当我们甩动小球时，各个小球之间就会发生互相碰撞的效果，并且在运动过程中模拟了重力感应的物理效果。你可以在DEMO演示中来尝试一下。在线预览  &nb...

今天给大家带来一款html5和css3实现的3D滚动特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="container"><divclass="cube"><divclass="sideside1"></di...