iio Engine:开源的创建HTML5应用的web框架

发布时间：2019-04-13浏览次数：1035 <p> </p> <table style="BORDER-RIGHT: #cccccc 1px dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellspacing="0" cellpadding="6" width="95%" align="center" border="0"><tbody><tr> <td style="WORD-WRAP: break-word" bgcolor="#fdfddf"> <font color="#ff0000">网页制作Webjx文章简介：</font><font color="#000000">开源HTML5应用开发框架 - iio Engine.</font> </td> </tr></tbody></table> <p style="text-align: center;"><img width="551" height="199" alt="基于javascript和canvas（画布）的开源HTML5应用开发框架 - iio Engine" src="http://www.webjx.com/files/allimg/130507/1408340.jpg" border="0"></p> <p>随着HTML5的发展，越来越多的基于HTML5技术的网页开发框架出现，在今天的这篇文章中，我们将介绍<a href="http://iioengine.com/" target="_blank">iio Engine</a>，它是一款开源的创建HTML5应用的web框架。</p> <p>整个框架非常的轻量级，只有45kb大小，并且整合了debug系统，并且跨平台支持。</p> <p>不依赖任何第三方的类库，可以支持Box2D，拥有完整的文档支持。支持快速的开发。</p> <p>使用这个类库你只需要使用10多行的代码就生成一个tic-tac的游戏，代码如下：</p> <pre style="border: 1px solid rgb(85, 85, 85); width: 688px; z-index: auto;">TicTacToe = function(io){<br><br> var grid = io.addObj(new iio.ioGrid(0,0,3,3,120)<br> .setStrokeStyle('white'));<br> var xTurn=true;<br> io.canvas.addEventListener('mousedown', function(event){<br> var c = grid.getCellAt(io.getEventPosition(event),true);<br> if (typeof grid.cells[c.x][c.y].taken == 'undefined'){<br> if (xTurn)<br> io.addObj(new iio.ioX(grid.getCellCenter(c),80)<br> .setStrokeStyle('red',2));<br> else<br> io.addObj(new iio.ioCircle(grid.getCellCenter(c),40)<br> .setStrokeStyle('#00baff',2));<br> grid.cells[c.x][c.y].taken=true;<br> xTurn=!xTurn;<br> }<br> });<br> }; iio.start(TicTacToe,'canvasId');</pre> <p style="text-align: center;"><a class="uploadimggrp" href="http://upload.chinaz.com/2013/0507/1367891878971.jpg" target="_blank"><img src="http://www.webjx.com/files/allimg/130507/1408341.jpg" border="0" alt=""></a></p>