Я создаю игру с миром больше экрана. Поэтому мне нужно переместить Debug Draw в соответствии с визуализацией. Во флэш-порте для архивирования этой проблемы мы обычно перемещаем DisplayObject, который используется в качестве цели отладки отрисовки, но в javascript-порте Box2D отладки отрисовки не хватает этих возможностей? Или я что-то пропустил?
Я использовал box2dweb javascript-порт Box2DFlash 2.1a https://code.google.com/p/box2dweb/.
просто используйте функции контекста 2d холста:
context.translate(canvasOffset.x, canvasOffset.y); контекст.масштаб(масштаб,масштаб);
Если вы хотите перевести свой контекст из абсолютных значений (т. е. значений из исходной позиции, а не из позиции последнего кадра), вам нужно будет сохранить и восстановить контекст, чтобы у вас было то же происхождение для переводов. Вам также может понадобиться clearRect для очистки области, которая будет нарисована.
context.save();
context.clearRect(0, 0, debugCanvas.width, debugCanvas.height);
context.translate(canvasOffset.x, canvasOffset.y);
world.DrawDebugData();
context.restore();
