HTML5 canvas高性能打方块小游戏

当前位置:主页 > Html5库 > HTML5游戏 > HTML5 canvas高性能打方块小游戏
HTML5 canvas高性能打方块小游戏
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2015-07-26
    阅读:
麦子学院
简要教程

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>              
              

网友评论