Box2dweb，移动画布？

Question

我目前正在使用 html5/js 开发一款游戏，使用 box2dweb 进行碰撞，但我遇到了需要与玩家一起滚动关卡的问题。 Box2d 直接渲染到 2d 上下文，所以我认为在当前状态下没有办法移动画布的渲染部分？

在 as3 中，您可以将所有内容放入影片剪辑中并相应地更改其位置。

那么，是否有可能以某种方式控制某种相机或画布对象的渲染部分来移动其“位置”以始终保持玩家居中？

预先感谢，

M0rph3v5

Answer 1

Box2D 本身不绘制任何东西，它只是计算位置/碰撞。

它提供了所谓的“调试绘图”，但它的目的是......调试。
无论如何，您可以从那里开始添加所有需要的功能。

http://code.google.com/p/box2d/wiki/FAQ

Answer 2

是的，我想，事实证明我必须在 debugdraw 之前使用 context.translate 来“移动”所有内容。现在工作得很好了。

编辑：

我当前使用的代码

            context.save();
            context.translate(-1*xpos+(canvas.width/2),-1*ypos+(canvas.height/2));
            context.rotate(cars[carid].angle);
            context.drawImage(carSprite, -carspritewidth/2, -carspriteheight/2); 
            context.restore();

，其中 xpos 和 ypos 是汽车的 x 和 y 位置，之后我只是在 0,0 处绘制实际的汽车精灵（以汽车尺寸除为中心）。