使用方形动画进行碰撞检测和响应

时间:2011-02-11 14:43:15

标签: javascript animation

嘿,我正在使用Javascript中的迷你2D动画制作移动立方体,当您点击视图窗口的一个边缘时,它应该反弹并继续移动(例如:对角线移动的立方体向下,击中视图的底部,然后沿对角线反弹)。我遇到一些麻烦的两件事是:a)让该死的立方体移动,我确定我需要setInterval或类似的东西和b)碰撞检测和移动立方体的响应,我认为你需要检查立方体的4个侧面,如果它们撞到任何一侧,则相应地移动。任何有用的提示和教程,任何人都可以指出我将不胜感激。谢谢!

更新:现在让立方体移动只是处理碰撞。我的第一次尝试虽然在头脑中听起来是正确的但没有奏效。当然欢迎任何更正:

   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';

    } 

1 个答案:

答案 0 :(得分:0)

相关问题