小猪佩奇跳泥坑动画（基于HTML5）

用到的素材如下：

10多年的朔州网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整朔州建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“朔州网站设计”,“朔州网站推广”以来，每个客户项目都认真落实执行。

音效：

服务器在国外打开有点慢。

有声小动画网址：

（微信、直接打开会有锯齿，推荐用chrome浏览器。）

等网页完全打开后，点击佩奇，可播放动画 。

小动画仅作为学习、研究、欣赏，图片资源来自小猪佩奇官网( ) 。

html5 游戏素材是怎么融合背景

html5加背景图片可以通过： 1.首先可以去写一个div，然后这个div当然宽高是一定要有，然后在div中去设置要的背景图片，是否重复等属性，repaet这个来设置，no-repeat(是不重复)、repeat-x（沿着x轴重复）、repeat-y（沿着Y轴重复）这里我提交一。

如何提取html5 app中素材

如果开发者要开发应用，游戏，但自己并不擅长美工，那么只能去网上到处找素材，但网上的免费素材并不多，免费素材很少能满足开发者的需求。不过还有一个办法，我们可以从其他应用中提取素材，这些素材的质量还是比较高的。

我们就拿微信的打飞机为例，首先把微信的安装包下下来，apk文件，或者ipa文件，把后缀名改成rar，然后用winrar解压出来。

ipa解压后素材很好找，资源都放在一个目录下，直接用缩略图来找就能找到需要的图片素材，有些是单独一个对象的图片，可以拿来直接用，有些是多个对象的图片合成一张大图，这就需要对应的打包配置文件才能读取各区域的小图片，如果配置文件加密了，那么这个大图基本上没办法用。

apk解压出来素材都放在assets和res目录下，不过由于微信打飞机是做成一个jar集成在微信里面的，所以我们在assets/preload目录下可以看到一个名字带有“shoot”的jar文件，把这个jar解压出来，在res目录下可以找到一些图片素材，另外在shoot目录下可以找到打包过的图片素材，雷达下载更专业。

这些打包的图片也有对应的打包配置文件，记录了各个小图的裁剪区域，也需要用配置文件来读取图片信息。好在apk版本的配置文件并没有加密，用文本模式打开我们就可以看到配置信息，包括各个小图片的区域和名称，稍作调整支持我们常用的开发引擎，就可以拿来用了。

但并不是所有的应用都可以提取其素材，有些会把图片信息加密处理了，在加载的时候再解密出来使用，这样我们就没法盗用它的素材了。另外，如果明显盗用其他应用的素材，就会涉及到侵权了，所以开发者提取应用的素材最好以自己开发练习来用，不要光明正大的把应用发布到市场上去。

最后还是要说，成功的应用离不开优秀的美工，美工转独立开发者成功的案例很多，但程序员要自己做美工还是很有难度的，实在需要美工的话可以考虑招人或者外包出去。

当前文章：html5素材,html5素材网
文章链接：http://myzitong.com/article/dsdopgj.html