Sonic.js是一个很小的JavaScript类，用于创建基于HTML5画布的加载图像。更强大的是Sonic.js还提供了基于现成的例子的创建工具，可以帮助你实现更多自定义的（Loading）加载动画效果。在线预览   源码下载实现的代码。html代码：varloaders=[{widt...

分享一款全屏响应式的HTML5和CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。效果图如下：在线预览   源码下载HTMLwrapperdiv的class为st-container，里面包含作为导航按钮的radio和用于页面切换的...

今天给大家分享一款基于HTML5实现的3d拳王游戏源码。这款实例适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。在线预览   源码下载实现的代码。html代码：<divid="chf2"style="posi...

分享一款利用HTML5实现的自定义文字背景应用，首先我们可以输入需要显示的文字，并且为该文字选择一张背景图片，背景图片就像蒙版一样覆盖在文字上。点击生成QQ签名档即可将文字背景融为一体生成另外一张图片，你也可以下载这张拥有你QQ签名档的图片。在线预览   源码下载实现的代码。html代码：...

之前我们有分享过不少经典的HTML5游戏，有些还是很有意思的，比如HTML5版切水果游戏和HTML5中国象棋游戏。今天要分享的是一款简化版的HTML5坦克大战游戏，方向键控制坦克的行进方向，空格键发射子弹，命中敌方坦克后也会发出声音，效果还算可以。效果图如下：在线预览   源码下载实现的代...

今天要给大家带来另外一款CSS33D立方体动画，尤其在DEMO2中可以看到，鼠标滑过立方体后，它将会被打开，从里面弹出另外一个小立方体，动画效果非常酷，非常逼真。在线预览   源码下载实现的代码。html代码：<divclass="contentbgcolor-1"><h...

前面我们分享过一个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...