webブラウザ上で動くboidsの記述

boidsの制作をお願いしたいと思っております。 言語はprocessingが妥当と思いますが、webブラウザ上で動作するならば別のものでも問題ありません。 jqueryプラグインなどをご利用いただいても大丈夫です。 ■要件 ・任意の画像をオブジェクトとしてboidにてブラウザに表示する。 ・クリックを取得し、新規にオブジェクトを追加する。(追加されたオブジェクトも群れに加わる) ・群れの制御方向をゆるやかに制御する。(概ね右から左に流す) ・30s経過すると現在のオブジェクトを3倍に増加させる(処理は一回のみ) ※boidとは コンピュータ上の⿃オブジェクトに以下の三つの動作規則を与え、多数を同時に動かして群れの振る舞いをシミュレ ーションする。 　【分離Separation】⿃オブジェクトが他の⿃オブジェクトとぶつからないように距離をとる。 　【整列Alignment】⿃オブジェクトが他の⿃オブジェクトと概ね同じ⽅向に⾶ぶように速度と⽅向を合わせる。 　【結合Cohesion】⿃オブジェクトが他の⿃オブジェクトが集まっている群れの中⼼⽅向へ向かうように⽅向を変える。 既存でかなり近しいものがあります。（PImageとの組み合わせでいけると思います） 　https://processing.org/examples/flocking.html 感覚的には極端に難しいものではないと思うのですが、仕様の「ここまでならできる」等ございましたら、そちらも検討させていただきますのでご提案いただければと思います。 自分で制作する時間が足りませんもので、お力添えいただけますと幸いです。