随着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

开源HTML5应用开发框架 - iio Engine相关推荐

  1. wex5 转换 html5,WeX5开发工具(html5 app开发框架)V3.9 开源版

    WeX5开发工具(html5 app开发框架)是一套免费开源的wex5应用快速开发框架平台.非常不错的html5开发工具,用来开发安卓.苹果.web.微信服务号等等,采用Apache源码,所有的代码都 ...

  2. 高性能html5的app,hybrid app走向轻混剖析wex5开源高性能html5 app开发框架.docx

    hybrid app走向轻混剖析wex5开源高性能html5 app开发框架 Hybrid App走向"轻混",剖析WeX5开源高性能HTML5 App开发框架4月23日上午,HT ...

  3. iio Engine logoHTML5 应用框架 iio Engine

    iio Engine 是一个新的 HTML5 应用开源框架,基于 JavaScript 和 Canvas 开发,集成了 Box2D 在线演示:http://www.huiyi8.com/divcss/ ...

  4. 国内最火的五款HTML5前端开发框架

    2013-04-11 本文主要为大家推荐五款国内最火的HTML5前端开发框架,它们分别是腾讯团队开发的JX.淘宝团队开发的KISSY.百度团队开发的QWrap和Tangram,以及上海康尚实验室推出的 ...

  5. Ionic - 先进的 HTML5 移动开发框架和 SDK

    Ionic 是开源的 HTML5 移动开发框架,基于 HTML.JavaScript.CSS 构建漂亮的,跨平台的混合模式 App,能够和 AngularJS 很好的集成.目前最佳支持的平台是 iOS ...

  6. 国内的优秀HTML5前端开发框架

    国外优秀HTML5前端开发框架非常之多,如jQuery Mobile.Twitter Bootstrap.Sencha Touch以及BackBone.这里介绍的5款工具,其中4款是由互联网巨头腾讯. ...

  7. Android8.0 HTML5,HTML5 7个最牛的HTML5移动开发框架

    原标题:HTML5 7个最牛的HTML5移动开发框架 0.前言 本文引用地址:http://www.eepw.com.cn/article/201608/295975.htm你并不需要任何的原生应用编 ...

  8. php html5 框架,几个很好用的HTML5移动开发框架

    随着互联网技术的发展HTML5越来越好,移动端的硬件也会越来越强,你仔细看一看你手机上的应用,很多应用已经悄悄的使用混合式开发了.有人说HTML5开发的很慢,其实不以为然,我们开发的时候需要用到很好的 ...

  9. 开源Flash游戏引擎PushButton Engine

    介绍开源Flash游戏引擎PushButton Engine  最近,一个开源 的Flash游戏引擎PushButton引擎发布了,与以往的游戏引擎不同的是,这是一个模块化的游戏引擎,也就是说它提供了 ...

最新文章

  1. 洛谷P2429 制杖题 [2017年6月计划 数论10]
  2. Angular开发实践(一):环境准备及框架搭建
  3. 我用Redis实现了一个轻量级的搜索引擎!
  4. 伪元素写竖线_用伪元素画出太极图
  5. TCL 中upvar 用法 (摘自http://www.cnblogs.com/kane1990/archive/2011/12/19/2293981.html)
  6. Linux内核跟踪eBPF:bpftrace一行教程
  7. ES6模块的循环加载
  8. 自定义checkbox大小(注:用CSS的ZOOM属性 )
  9. 字典树 之 hdu 4099
  10. 台式计算机液晶显示屏尺寸,台式电脑显示屏共有多少种尺寸?
  11. html表格内部虚线代码,各种表格样式示例及代码
  12. 等保2.0二级安全要求
  13. 鸿蒙智慧屏安装apk,亲测华为智慧屏支持安装以下第三方软件,大家赶紧试试!...
  14. 【原创】小米路由器R1D 丢失SN号,刷回官方系统
  15. 软件工程课程设计-ch小说网站
  16. for(atuo x : s)
  17. HashMap遍历时移除元素
  18. STM32Cube配置串口
  19. MySQL 创建函数入门
  20. 自动安装第三方库python,python第三方库自动安装脚本

热门文章

  1. 常见问题摘要(生活篇)
  2. css3 transition的应用
  3. Direct3D学习_绘制
  4. LeapFTP 注册码
  5. mvcc原理_Mysql MVCC实现原理
  6. python a and b_python-尽管Numpy建议a.b,为什么a.dot(b)比a @ b更...
  7. 利用IDA Pro反汇编程序
  8. python中文处理
  9. 关于opencv读取摄像头的未解之谜
  10. Matlab各种随机数汇总