百度權(quán)重查詢 站長交易 友情鏈接交換 網(wǎng)站監(jiān)控 服務(wù)器監(jiān)控 seo監(jiān)控

隨著HTML5的發(fā)展，越來越多的基于HTML5技術(shù)的網(wǎng)頁開發(fā)框架出現(xiàn)，在今天的這篇文章中，我們將介紹iio Engine，它是一款開源的創(chuàng)建HTML5應(yīng)用的web框架。

整個框架特別很是的輕量級，只有45kb大小，并且整合了debug系統(tǒng)，并且跨平臺支撐。

不依靠任何第三方的類庫，可以支撐Box2D，擁有完整的文檔支撐。支撐快速的開發(fā)。

使用這個類庫你只需要使用10多行的代碼就生成一個tic-tac的游戲，代碼如下：

TicTacToe = function(io){
 
var grid = io.addObj(new iio.ioGrid(0,0,3,3,120)
.setStrokeStyle('white'));
var xTurn=true;
io.canvas.addEventListener('mousedown', function(event){
var c = grid.getCellAt(io.getEventPosition(event),true);
if (typeof grid.cells[c.x][c.y].taken == 'undefined'){
if (xTurn)
io.addObj(new iio.ioX(grid.getCellCenter(c),80)
.setStrokeStyle('red',2));
else
io.addObj(new iio.ioCircle(grid.getCellCenter(c),40)
.setStrokeStyle('#00baff',2));
grid.cells[c.x][c.y].taken=true;
xTurn=!xTurn;
}
});
}; iio.start(TicTacToe,'canvasId');

來源：基于javascript和canvas（畫布）的開源HTML5應(yīng)用開發(fā)框架 - iio Engine