老笔记整理七：高斯分布解决随机圆分布问题

Posted 2020-09-27 shiningsun

好久没有写空间了，今天在写一个页面的时候遇到了之前从来没有遇到过的问题。今天有主要问题有两个。

    1.我想在背景上生成随机圆；
    2.是基于上面产生的问题。

首先，通过JS生成DIV，给DIV 加DSS让他成为一个圈。这个问题不大，大概半个小时就写出来了。

 

 

div结构也不复杂

 

然后运行结果

 

 

大家 看出问题了吗？
是的，产生的圆不怎么会在当中。
想想也是，既然是随即生成的那么应该是平均分布的。 但是这并不是我想要的结果。
我之所以要这些圆圈是为了让背景好看点，如果看不到那还有什么意思？但是又不能让用户每次都刷好多次才出现在当中的情况。怎么办呢？这个时候我想起了高斯的那口钟。

 

 正态分布（Normal distribution）又名高斯分布（Gaussian distribution），是一个在数学、物理及工程等领域都非常重要的概率分布，在统计学的许多方面有着重大的影响力。（by 百度百科）
 
无奈数学基础不扎实，只能去看人家写的代码。找到一个用C写的高斯分布。改成javascript代码如下：

 

后面生成的随机函数用自己写的

 

然后再试试

 

 嗯，好看多了。至少圈圈都开始往当中跑了。有兴趣的朋友可以点开下面网址看一下。如果正好刷到有好看的可以截图给我看哈哈

http://www.shining77.com/nao.php