【发布时间】：2011-02-12 01:03:27
【问题描述】：
嘿，我正在用 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';
}
【问题讨论】：
-
我不是。从我用谷歌搜索的所有带有球立方体动画的演示中，我没有看到
标签： javascript animation