×÷ÕߣºØýÃû ÎÄÕÂÀ´Ô´£º²»Ïê µã»÷Êý£º ÔÚÏßͶ¸å Ͷ¸åÖ¸ÄÏ  |
ÍøÒ³ÖÆ×÷WebjxÎÄÕ¼ò½é£º¿ªÔ´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[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');

|