2011-02-11 73 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

回答