前回は、ランダムに動く粒子それぞれの間にバネのような力を与えてアニメーションさせた。すると、粒子は互いに集まっては離れることを繰り返す、という面白い動きになった(再掲第6回図3)。ここまでのコードは、以下のjsdo.itに掲げてある(第6回コード2)。 第6回 図3 オブジェクトがひと固まりに集まっては離れる(再掲) オブジェクトが引合う力の範囲をかぎる 互いに離れれば離れるほど、引き戻す力は強まるというのがバネの性質だ。ただし、それを単純に当てはめたために、仲間から外れた粒子の激しい動きが止められず、しかも仲間はずれは次第に増えてしまうというのが前回の問題だった。 もともと、バネはいくらでも伸び縮みするものではない。むしろ、その動きを正しく保てる範囲はかぎられる。そこで、この粒子のアニメーションでも、互いの間に引合う力が及ぶ距離を決めてしまおう。2点の座標からその間の距離を導くに
![第7回 粒子同士が引き合う力を直線の濃淡で示す | gihyo.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a6431a1b0cb262682acc1db4eb438fc549b41cb/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2FICON%2F2013%2F1082_createjs.png)