HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 应用推荐 HTML5游戏 查看内容

HTML5 canvas高性能打方块小游戏

2015-7-28 09:46| 发布者: html5cn| 查看: 16403| 评论: 0|来自: jQuery之家

摘要: BlockBlaster是一款高性能的HTML5 canvas打方块小游戏。这个HTML5游戏仅使用12KB的javascript代码来完成。它可以连续发射子 弹,敌方方块被打碎后会分裂为多个小方块。整个游戏非常流畅,性能非常好。 ...
  简要教程
  BlockBlaster是一款高性能的HTML5 canvas打方块小游戏。这个HTML5游戏仅使用12KB的javascript代码来完成。它可以连续发射子 弹,敌方方块被打碎后会分裂为多个小方块。整个游戏非常流畅,性能非常好。

1.jpg

  你可以在Chrome Web Store上找到这个HTML5小游戏的应用。

2.jpg

3.jpg

  使用方法
  HTML结构
  该HTML5小游戏的使用方法非常简单。在页面中编写一个<canvas>元素,给它一个IDcanvas。并设置它的宽度和高度。
  1. <canvas id="canvas" width="800" height="600"></canvas>   
复制代码

  调用插件
  要调用这个打方块游戏,只需要在页面底部<body>标签之前引入BlockBlaster.js文件即可。
  1. <script src="js/BlockBlaster.js"></script>        
复制代码

   如果你喜欢这个插件,那么你可能也喜欢:

  HTML5最新经典俄罗斯方块游戏插件

  HTML5响应式网页贪吃蛇小游戏

  本文版权属于jQuery之家,转载请注明出处:http://www.htmleaf.com/html5/html5youxi/201507262301.html

更多
1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

相关阅读

最新评论

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-1-19 21:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部