準備¶
スケルトンコード¶
- 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