javascript - 如何定义动画高度限制

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().