box2d html5 api,[HTML5]使用Box2dWeb模拟飞行箭矢

Box2d是一个2D游戏物理引擎，由Erin Catto开发，于2007年发布。很多2D游戏都用过Box2d，其中最有名的自然是愤怒的小鸟。Box2d本身是C++编写，但在不同平台都有它的衍生版本，像Flash版的Box2dFlash，JS版的Box2dJS和Box2dWeb。最近偶然看到一篇使用Box2dFlash模拟箭矢飞行效果的文章：

http://www.emanueleferonato.com/2012/12/10/flying-arrows-simulation-with-box2d/

很有意思，想尝试使用下Box2d。

之前从没接触过Flash，选择JS版的Box2d，而Box2dJS已经很久没更新，所以使用Box2dWeb重写箭矢飞行效果。

网上有不少Box2d教程，不过介绍其应用的多些。对于Box2d基本概念和原理，推荐阿蕉的博客，他将Box2d C++的系列教程译成中文。虽然C++和JS不同，但是Box2d原理是相通的，可以参考。

首先下载Box2dWeb

https://code.google.com/p/box2dweb/downloads/list

压缩包里只有四个文件，这里只需要Box2dWeb-2.1.a.3.min.js(也可以用Box2dWeb-2.1.a.3.js，方便了解Box2DWeb的各个函数)。

按照下面的目录结构创建各个文件即可：

|-js/

| |-Box2dWeb-2.1.a.3.min.js

| |-game.js

|-arrow.html

编辑arrow.html，引用javascript文件并创建一个canvas标签，代码如下：

[html]

Box2DWeb Test