javascript canvas生成分形图练习

简单的分形图,类似于二叉树

一颗数有两个对称分支,然后每个分支又可以继续生长。用一个数组记录每一层的信息,然后一层一层迭代,每迭代一次树枝就增加一层。

可以控制迭代次数,初始树枝长度 ,长度比例等。




 





上面的代码生成的图:

javascript canvas生成分形图练习_第1张图片

现在尝试改一些参数

var arc1=item.arc+(Math.PI)/(3*2);
ar arc2=item.arc-(Math.PI)/(3*2);

生成的下面图:

javascript canvas生成分形图练习_第2张图片

现在尝试改一些参数,将角度改小一点

var arc1=item.arc+(Math.PI)/(3*3);
ar arc2=item.arc-(Math.PI)/(3*3);

生成了一颗花椰菜

javascript canvas生成分形图练习_第3张图片

将角度改大,改变迭代次数

javascript canvas生成分形图练习_第4张图片




你可能感兴趣的:(JavaScript)