百度權重查詢 站長交易 友情鏈接交換 網站監控 服務器監控 seo監控

隨著HTML5的發展，越來越多的基于HTML5技術的網頁開發框架出現，在今天的這篇文章中，我們將介紹iio Engine，它是一款開源的創建HTML5應用的web框架。

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

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

使用這個類庫你只需要使用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應用開發框架 - iio Engine