Wie erstelle ich Kreise, die mit elastischen Linien in Processing.js verbunden sind?

Question

In Processing.js möchte ich Kreise haben, die Knoten repräsentieren, mit Linien, die verbundene Knoten verbinden. Ich möchte, dass diese verbundenen Kreise sich natürlich zueinander hinziehen, mit einer Art Elastizität der Linien, und dass die Kreise gegeneinander abprallen, wenn sie sich berühren. Irgendwelche Ideen, wie man das machen könnte?

Answer 1

Ich denke, dieses Beispiel könnte Sie in die richtige Richtung bringen:

• Box2D.JS mit Processing.js

Es hat die Kreise, die Linien und das Springen.

Answer 2

Oder wenn Sie es selbst wollen, dies ist der Google-Suchbegriff, den Sie suchen:http://www.google.com/search?hl=de&q=force+directed+graph+javascript&aq=f&aqi=g-c1&aql=&oq=&gs_rfai=

Der Grundalgorithmus ist ziemlich einfach, aber ein abgestimmtes Beispiel zum Laufen zu bringen ist etwas weniger einfach. Ich habe schon früher durch diese Sachen geschaut, aber diese schnelle Suche hat dieses kleine js-Projekt aufgezeigt, das es anscheinend ziemlich richtig macht: http://github.com/jackrusher/jssvggraph

Sollte nicht allzu schwer sein, zu übertragen.