2011-05-07 66 views
1

我目前正在與HTML5/JS遊戲,使用box2dweb的碰撞,但我運行到哪裏,我需要滾動播放器附帶的級別問題。 Box2d直接渲染到2D上下文,所以我認爲在當前狀態下無法移動畫布的渲染部分?Box2dweb,移動畫布?

在AS3中,你可以只是把一切都放在一個影片剪輯,並改變它的位置相應。

那麼,有沒有可能在反正有一些種類或畫布對象的呈現部分相機的控制轉移它的「位置」,保持在任何時候都爲中心的球員?

由於提前,

M0rph3v5

+0

下面是一個轉移畫布的示例: http://codingowl.com/readblog.php?blogid=128 – 2012-11-12 03:27:24

回答

1

是的,我算了一下,原來我有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(以小車劃分爲中心)。

+0

您可以上傳源代碼。我嘗試了很長一段時間你想做的事情。而且我仍然無法弄清楚如何移動相機。 – Shekhar 2012-06-14 09:38:07

+0

更新了我的文章:) – M0rph3v5 2012-06-26 10:11:56

2

Box2D的,其本身不畫任何東西,它只是計算位置/碰撞。

,提供所謂的「調試製圖」,但它的目的是...調試。 無論如何,你可以從那裏開始添加所有需要的功能。

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