HTML5 canvas高性能打方块小游戏

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

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

HTML5打方块游戏-1

HTML5打方块游戏-2

使用方法

HTML结构

该HTML5小游戏的使用方法非常简单。在页面中编写一个<canvas>元素,给它一个IDcanvas。并设置它的宽度和高度。

<canvas id="canvas" width="800" height="600"></canvas>            
              
调用插件

要调用这个打方块游戏,只需要在页面底部<body>标签之前引入BlockBlaster.js文件即可。

<script src="js/BlockBlaster.js"></script>              
              

在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3