javascript - 在 html5 canvas 和 box2d 中跟随 body

Question

我正在使用物理引擎 box2dweb ，我的问题是我有一个 body ，我想跟随他，例如我的 Canvas 宽度:500px 高度:500px 并且 body 坐标是(700,200)所以我看不到他所以如何让他在我的 Canvas 上可见

Answer 1

你应该使用box2dweb的调试图。

function debugDraw(){
    var debugDraw = new b2DebugDraw();
//replace canvas with your canvas id
    debugDraw.SetSprite(document.getElementById("canvas").getContext("2d"));
    debugDraw.SetDrawScale(30.0);
    debugDraw.SetFillAlpha(0.5);
    debugDraw.SetLineThickness(1.0);
    debugDraw.SetFlags(b2DebugDraw.e_shapeBit | b2DebugDraw.e_jointBit);
    world.SetDebugDraw(debugDraw); // replace world with your box2dworld
}

将此函数放入您的游戏循环中。