準備¶

ライブラリのページ¶

スケルトンコード¶

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>Box2DWeb Demo</title>
</head>
<body>
  <div>
    <canvas id="canvas" width="800px" height="600px" style="border:1px solid red;"></canvas>
  </div>
  <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="js/Box2dWeb-2.1.a.3.min.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
  <script type="text/javascript">
  <!--
    start();
  //--></script>
</body>
</html>

js/main.js

var b2 = {
    Vec2          : Box2D.Common.Math.b2Vec2
  , AABB          : Box2D.Collision.b2AABB
  , BodyDef       : Box2D.Dynamics.b2BodyDef
  , Body          : Box2D.Dynamics.b2Body
  , FixtureDef    : Box2D.Dynamics.b2FixtureDef
  , Fixture       : Box2D.Dynamics.b2Fixture
  , World         : Box2D.Dynamics.b2World
  , MassData      : Box2D.Collision.Shapes.b2MassData
  , PolygonShape  : Box2D.Collision.Shapes.b2PolygonShape
  , CircleShape   : Box2D.Collision.Shapes.b2CircleShape
  , DebugDraw     : Box2D.Dynamics.b2DebugDraw
  , MouseJointDef : Box2D.Dynamics.Joints.b2MouseJointDef
};

function run() {
}

function init() {
}

function start() {
  init();
  window.setInterval(run, 1000 / 60.0);
}

ディレクトリ構造¶

.
├── index.html
└── js
    ├── Box2dWeb-2.1.a.3.min.js
    ├── jquery-2.1.1.min.js
    └── main.js

Demo¶

Demo