隨著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');
轉載于:https://www.cnblogs.com/shihao/archive/2013/05/25/3098362.html