亲测HTML5拼图游戏代码+图片不规则+图片可换

上传者: jinlihong8888 | 上传时间: 2021-08-17 17:21:59 | 文件大小: 371KB | 文件类型: RAR
现在HTML5大热,但看了很多介绍,都是重点介绍CANVAS而相对忽略了SVG,我个人感觉这两个技术结合,优势互补,利用SVG的交互性和CANSVAS的绘图能力,才能更好地发挥各自的作用。 以前用纯SVG做到一个拼图的DEMO,现在改为SVG和CANVAS,花了一个星期的时间,重写了这个例子,在CHROME17和FF12中进行了测试。比纯SVG速度快。

文件下载

资源详情

[{"title":"( 24 个子文件 371KB ) 亲测HTML5拼图游戏代码+图片不规则+图片可换","children":[{"title":"res","children":[{"title":"3dgarro.cur <span style='color:#111;'> 766B </span>","children":null,"spread":false},{"title":"jigsawPuzzle.jpg <span style='color:#111;'> 30.88KB </span>","children":null,"spread":false},{"title":"cursor1.cur <span style='color:#111;'> 326B </span>","children":null,"spread":false},{"title":"sounds","children":[{"title":"winmusic.ogg <span style='color:#111;'> 67.78KB </span>","children":null,"spread":false},{"title":"points.ogg <span style='color:#111;'> 22.75KB </span>","children":null,"spread":false},{"title":"points.mp3 <span style='color:#111;'> 25.86KB </span>","children":null,"spread":false},{"title":"splat.mp3 <span style='color:#111;'> 11.13KB </span>","children":null,"spread":false},{"title":"winmusic.mp3 <span style='color:#111;'> 102.40KB </span>","children":null,"spread":false},{"title":"splat.ogg <span style='color:#111;'> 11.86KB </span>","children":null,"spread":false}],"spread":true},{"title":"Thumbs.db <span style='color:#111;'> 113.50KB </span>","children":null,"spread":false},{"title":"woodBoard.jpg <span style='color:#111;'> 1.69KB </span>","children":null,"spread":false},{"title":"START-Button.png <span style='color:#111;'> 2.61KB </span>","children":null,"spread":false},{"title":"3dgnwse.cur <span style='color:#111;'> 766B </span>","children":null,"spread":false}],"spread":true},{"title":"Readme.txt <span style='color:#111;'> 1.16KB </span>","children":null,"spread":false},{"title":"JigsawPuzzle.html <span style='color:#111;'> 17.98KB </span>","children":null,"spread":false},{"title":"js","children":[{"title":"newBlock.js <span style='color:#111;'> 5.67KB </span>","children":null,"spread":false},{"title":"blockFuncs.js <span style='color:#111;'> 3.48KB </span>","children":null,"spread":false},{"title":"regEx.js <span style='color:#111;'> 383B </span>","children":null,"spread":false},{"title":"successEffect.js <span style='color:#111;'> 3.24KB </span>","children":null,"spread":false}],"spread":true},{"title":"Hammer","children":[{"title":"jquery.hammer.js <span style='color:#111;'> 677B </span>","children":null,"spread":false},{"title":"LICENSE <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 5B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 9.01KB </span>","children":null,"spread":false},{"title":"hammer.js <span style='color:#111;'> 15.73KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

  • happygaoyaguo :
    PC端用起来还是可以的~注释英文居多,但不影响阅读。
    2021-02-23

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明