网站已经上传到服务器上了，链接是https://learner.moonshotacademy.cn/samsonhuang/2021-3_ArtProject/ 实体的展览我计划选择在学院的旋转楼梯进行 Here is a video showing my setting:

第三次尝试：本质上和第二次差不多，但是圆的半径数值调得很大，于是就成图上这样了。 我终于把它做成动画啦！但是我鼠标声音还没有加…… 我比较喜欢这个版本，因为基本上所有空间都被填满了。这代表社区中每个人每时每刻都在和他人交互。 另外，设置了每个圆距离中心的最小距离和最小半径（最小半径仍然很大），所以所有出现过的圆都不会消失，这象征了每个人的影响力虽然会随着时间减弱但永远不会消失。 这个版本我放到learner服务器上了，网址是：https://learner.moonshotacademy.cn/samsonhuang/2021-3_ArtProject/

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

第一次尝试：矩形是随机出现的，每次更新依次修改每个矩形的位置，长宽。 为了图简单，选择直接通过创建html元素画矩形。这种方法主要的问题是容易出现长宽比及其不合理的形状，然后远远超出原定范围。 另外，在这个版本参考了退火算法的思想，在每次更新结束后检查当前矩形是否与其它矩形重叠，如果不重叠则接受修改，如果重叠则以一定概率接受修改，该概率会逐渐减少。我希望通过这种方法表达人会倾向于填充他人影响力小的空间，但是最后的成果中这种效果实在是不够显著，就放弃了这个想法。 关于仿真的播放：由于我知道怎么让它自动播放，我只能暂时设置一个按钮(click)，按一下播放一帧。由于这种技术缺陷无意加入的鼠标声音很不错，之后如果成功做成动画考虑加入“假鼠标声”。 关于第二个按钮(join)：按下这个按钮后，下一个生成的矩形会变成红色，代表我加入这个仿真。用红色纯粹是为了醒目。因为一个醒目的“人”可以吸引大家的注意力，这个功能的出现是为了强调矩形变大又缩小的规律。（当然也是为了调试数值 (〒▽〒) ）