2011-02-11 96 views
0

嘿,我正在Javascript中的一個迷你2D動畫,你一個移動的立方體,當你擊中視圖窗口的邊緣之一,它應該反彈和繼續移動(例如:對角線向下移動的立方體,擊中視圖的底部,然後對角線彈起)。我有一點麻煩的事情是a)讓該死的立方體移動,我確定我需要設置間隔或類似的東西,b)移動立方體的碰撞檢測和響應,我認爲你需要檢查立方體的四邊,如果它們碰到任何一邊,則相應移動。任何人可以指點我的任何有用的提示和教程,將不勝感激。謝謝!!碰撞檢測和響應與一個方形的動畫

更新:立方體正在移動,現在只是處理碰撞。儘管聽起來很正確,但我的第一次嘗試沒有奏效。當然任何更正歡迎:

if(x/left position of box > (width of window view - width of box)){ 

    go left 

    } else if(x/left box pos < (width of window view + width of box)){ 

     go right 

    } else if(y/top box pos > (height of view - height of box)){ 

     go down 

    } else if(y/top box pos < (height of view + height of box)){ 

     go up 

    } else { 

     box.style.left = parseInt(box.style.left) + 2 + 'px'; 
     box.style.top = parseInt(box.style.top) + 5 + 'px'; 

    } 
+0

是否使用``? – 2011-02-11 14:46:09

回答