如何更改Box2D.js的調試繪製可視化的位置？

Question

我正在創造比屏幕更大的遊戲。所以我需要根據可視化來移動調試繪製。在閃存端口歸檔這個問題，我們通常會移動DisplayObject作爲Debug Draw的目標，但是在Box2D調試Draw的javascript端口中缺少這種可能性？或者我想念什麼？我已經使用box2dweb Box2DFlash 2.1a的JavaScript端口https://code.google.com/p/box2dweb/

Answer 1

只是用帆布的上下文2d的功能：

context.translate（canvasOffset.x，canvasOffset.y）; context.scale（scale，scale）;

Answer 2

如果您想從絕對值（即原始位置的值而不是最後一幀位置的值）翻譯上下文，則需要保存和恢復上下文，以便翻譯的起源相同。 您可能還需要clearRect清除將繪製的區域。

context.save(); 
context.clearRect(0, 0, debugCanvas.width, debugCanvas.height); 
context.translate(canvasOffset.x, canvasOffset.y); 
world.DrawDebugData(); 
context.restore();