while回调函数中的循环导致p5.js崩溃

Question

当我编写这段代码时： code

我遇到了一些问题。

我想要的结果是在scree上显示一个递归树，就像 link

但是我没有直接按行显示树，而是想逐点显示图形，然后在分支完成后再渲染另一个分支。 （就像显示渲染过程的动画一样）

一开始，我使用setInterval()（您可以在代码中看到它并将其评论出来），但在我谷歌之后，我发现了同步异步问题，因此我使用了回调函数。

根据我的实现，如果我使用回调函数，整个代码将在那里等待回调函数的完成。

在回调函数中，我使用while来实现p5.js中内置frameCount的“逐点”效果

我认为这里有一些问题，可能是因为while循环太忙了？

*更新： 如果代码设置为if(count == 20)将导致错误。我将数量设置为10的原因是因为我希望点显示为动画。因为初始frameCount为0，所以count设置为0不会导致错误并且可以成功渲染图片。

codepen link

while(true) {
    // if count == 10 will cause error
        if(count == 0) {
            console.log(count);
            point(0, y);
            y += dy;
            console.log(frameCount);
        }
        if(y < -1 * len) {
            console.log('break');
            break;
        }