以下にリンクされているビデオのように、私は何か（はるかに基本的な）を作成しようとしています：
http://blog.theclinic.eu/?p=653（14:30 ishに開始する必要があります）
これはジョン・マエダによる講演であり、彼はPowershopと呼ばれる彼のアプリケーションを示しています。同じ効果のあるものを再現しようとしていますが、どうすれば衝突せずにそのような距離に円を留めることができるのかわかりません。アプローチ方法について何か提案はありますか？
コンストレイントに最小距離と最大距離を持たせて、それらが追従するようにしました。円を軌道に乗せようとしましたが、どれも彼のようには見えません。
私はこれをjavascript/HTML5で試していますが、アプローチに関するヒントや提案が必要です。（私の物理学/数学の知識は限られているので、適用するいくつかの明白な概念を見逃している可能性がありますか？）
前もって感謝します！
すべてをゼロから構築するのではなく、優れた缶詰のソリューションを探している場合は、Box2Dを検討することをお勧めします。
Powershopグラフィックに表示されるシステムは、各「ボール」または「ノード」またはwhathaveyouが他のすべてのボール/ノードをはじく帯電したオブジェクトである単純な物理モデルです。自由に回転する線で接続されたポイントのコレクションとしてシステムをモデル化する場合、Box2Dでこの効果を機能させるには、少し物理学を理解するだけです。つまり、料金のように反発します。
とても簡単なはずです。それぞれが中心から長さL以内にとどまるように、ポイントのセットを制約します。これは、すべてのボールが回転する腕のモデルになります。次に、各ポイントにまったく同じ電荷を与えると、それらは互いに反発し、素晴らしい弾力のある効果で均等に広がります。
（クリエイティブになる部分は、Powershopトークのスピーカーがノードをクリックしたときのように、まったく新しいポイントのコレクションを追加する方法です。）