如何动画js龟分形？

Question

我需要使用js turtle library绘制分形，所以，分形是动画的，直到它被绘制完全像蟒蛇的例子here

我试过命令here。在文档中有一个名为animate的函数，但是我无法使用它，它只等待一段时间然后绘制分形而没有任何动画。

我输入命令输入animate(demo, 1000)

有什么建议吗？

如果我不能在js龟中使用动画是否有另一个快速简单的库可以完成绘制分形的工作？！

Answer 1

你没有正确使用animate()。您不能只将它应用于已完成的程序并期望其行为发生变化。相反，您需要将其合并到程序中。应该有一个函数，每次调用动画时都会绘制一部分动画。然后由animate()一遍又一遍地调用它。重写你的例子：

function square(side) {
    repeat(4, function () {
        forward(side);
        right(90);
    });
}

var s = 100

function draw() {
    square(s);
    right(36)

    s -= 10

    if (s < 0) {
        s = 100
        clear()
    }
}

function demo() {
    hideTurtle();
    colour(0, 0, 255, 1);
    animate(draw, 500);
}

通过demo()调用它，不要在上面调用animate()。它的基本动画单元是方形。如果你想看到正方形被绘制，那么你需要重新设计代码，使基本动画单元成为正方形的一边（即线条）。