如何定义动画高度限制

Question

我创造了动画但我的鱼离开了鱼缸水族箱我怎么能限制它呢？

这里是小提琴链接：http://jsfiddle.net/832Fx/3/

这是一些代码示例：

var $wnd = $('.fishtank');
$wnd.resize(function() {
    animeVars.rightMargin = $wnd.width();
    animeVars.bottomMargin = $('.fishtank').height();
}).resize();

Answer 1

酷鱼。

这有点奇怪：

var newCoords = {
  top: Math.random() * (animeVars.topMargin - animeVars.bottomMargin + 1) + animeVars.bottomMargin,
  left: Math.random() * (animeVars.leftMargin - animeVars.rightMargin + 1) + animeVars.rightMargin
};

我想你要做的是在从开始的X和从结尾的Y之间的轴上选择一个随机位置：

      X                    Y
    |---|--------------|-------|

然后你会想做这样的事情：

pos = Math.random() * (canvasWidth - X  Y) + X;

我确定你的画布宽度在某处：$wnd.width()。