武林網(www.vevb.com)文章簡介:開源HTML5應用開發框架- iio Engine.
隨著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[cx][cy].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[cx][cy].taken=true;
xTurn=!xTurn;
}
});
}; iio.start(TicTacToe,'canvasId');