xmoto.js

XMoto的HTML5端口
授权协议 GPL
开发语言 Java
所属分类 Web应用开发、 HTML5开发相关
软件类型 开源软件
地区 国产
投 递 者 王凌
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

xmoto.js 是XMoto的HTML5端口,使用CoffeeScript,2D Canvas 和 Box2DWeb

demo

Image

用法:

  • 上传"data", "lib" 和 "bin"文件夹到静态的Web 服务器上(放在根目录“data”文件夹中)

  • 包括你的网页上的/ lib/和/bin/xmoto.js中所有的JavaScript文件

  • 调用$.xmoto('l1.lvl')或$.xmoto('l1.lvl',选项),其中“l1.lvl”是水平的名称和选项:

{
  canvas:  '#xmoto'   # canvas selector
  loading: '#loading' # loading selector
  chrono:  '#chrono'  # chrono selector
}

安装

  • brew install nodejs:安装 NodeJS (on MacOS)

  • sudo npm install -g coffee-script: 安装 CoffeeScript

  • npm install express: 安装 Express

工作环境

  • coffee -j bin/xmoto.js -wc src/*.coffee src/*/*.coffee 实时编译为JavaScript

  • node server.js 启动HTTP服务器(

    http://localhost:3000

 相关资料
  • 问题内容: 根据: Android 2.0应该支持HTML5视频元素。我无法使用MotorolaDroid使它正常工作,也无法在其中的任何HTML5视频示例页面上成功查看视频。由于目前不支持QuickTime或Flash,这是我想到的将mp4视频嵌入网页中的唯一其他方法。有人有运气吗? 问题答案: 我已经对此进行了一些试验,从我可以告诉你的需要三件事: 调用视频时,不得使用 type 属性。 您必

  • 本文向大家介绍HTML5中的MediaStream,包括了HTML5中的MediaStream的使用技巧和注意事项,需要的朋友参考一下 MediaStream表示媒体的同步流。如果没有音轨,它将返回一个空数组,并且将检查视频流;如果已连接网络摄像头,stream.getVideoTracks()将返回一个MediaStreamTrack数组,该数组表示来自网络摄像头的流。

  • 本文向大家介绍HTML5中的CORS,包括了HTML5中的CORS的使用技巧和注意事项,需要的朋友参考一下 跨域资源共享(CORS)是一种允许来自Web浏览器中另一个域的受限资源的机制 假设,如果您在html5演示部分中单击HTML5-视频播放器。它将询问相机许可。如果用户允许该权限,则仅会打开摄像头,否则不会为网络应用程序打开摄像头 在这里,Chrome,Firefox,Opera和Safari

  • 本文向大家介绍移动端刮刮乐的实现方式(js+HTML5),包括了移动端刮刮乐的实现方式(js+HTML5)的使用技巧和注意事项,需要的朋友参考一下 程序员有一种惯性思维,就是看见一些会动的东西(带点科技含量的,猫啊,狗啊就算了),总要先想一遍,这玩意用代码是怎么控制的。比如电梯,路边的霓虹灯,遥控器,小孩子的玩具等,都统统被程序员“意淫”过。 有时候还会感觉程序员看世界会看的透彻一点.......

  • 本文向大家介绍HTML5的新特性相关面试题,主要包含被问及HTML5的新特性时的应答技巧和注意事项,需要的朋友参考一下 (1) 绘画canvas (2) 用于媒介回放的video和audio元素 (3) 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失 (4) sessionStorage的数据在浏览器关闭后自动删除 (5) 语义化更好的内容元素,比如article,foo

  • Web Worker 客户端JavaScript其中一个基本特性就是单线程:比如:浏览器无法同时运行两个事件处理程序,也无法在一个事件处理程序运行的时候触发一个定时器。之所以要设计成单线程是因为:客户端的JavaScript函数必须不能运行太长时间:否则会导致循环事件,web浏览器无法对照用户的输入作出响应。这也就是Ajax的API都是异步的原因。 在Web Wordker标准中,定义了解决客户端

  • 主要内容:WebSocket 属性,WebSocket 事件,WebSocket 方法,WebSocket 实例,安装 pywebsocketWebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。 在 WebSocket API 中,

  • 主要内容:Server-Sent 事件 - 单向消息传递,浏览器支持,接收 Server-Sent 事件通知,实例,检测 Server-Sent 事件支持,服务器端代码实例,实例,EventSource 对象HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。 Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更