¿Cómo se crean círculos conectados con líneas elásticas en Processing.js?

Question

En Processing.js, me gustaría tener círculos que representan los nodos, con líneas que conectan los nodos enlazados. Me gustaría que esos círculos conectados a tirar de forma natural el uno hacia el otro con una especie de elasticidad de las líneas y los círculos para hacer rebotar el uno contra el otro cuando se tocan. Cualquier ideas sobre cómo hacer esto?

Answer 1

Creo que esta muestra puede ser que consiga que va en la dirección correcta:

• Box2D.JS con Processing.js

Tiene los círculos, las líneas, y el rebote.

Answer 2

O si desea usted mismo este es el término de búsqueda de Google que está buscando: http: / /www.google.com/search?hl=en&q=force+directed+graph+javascript&aq=f&aqi=g-c1&aql=&oq=&gs_rfai=

El algoritmo de base es bastante simple, obtener un ejemplo sintonizado para trabajar un poco menos. He mirado a través de estas cosas antes, pero esta búsqueda rápida acaba de cumplir este pequeño proyecto js que parece hacerlo con toda propiedad: http://github.com/jackrusher/jssvggraph

No debería ser muy difícil de puerto.