第二次尝试:这次改用圆形,利用html提供的canvas元素画图,这样能画的形状多一(亿)些。
现在圆会从画布中心出现,然后向画布边缘移动。在这个过程中,圆的半径先增大然后减小到无。
这个版本出现了一些奇怪的现象,比如上图中下部淡蓝色和棕色圆的关系,这两个原实际接触,但是二者之间仍然出现了一条边界。这是因为两个圆的“影响力”系数不同。由于二者的这个系数决定了边界的位置,系数不太协调的两个园之间就会出现这种情况。
另外,当运行一段时间之后,会莫名出现bug,所有图形变成原来的一半大小,然后在一帧之后再变回原样。
这个版本只做了步进按钮,没有做join按钮。