Dans Processing.js, j'aimerais avoir des cercles qui représentent des nœuds, avec des lignes reliant des nœuds liés. J'aimerais que ces cercles connectés se tirent naturellement l'un vers l'autre avec une sorte d'élasticité des lignes, et que les cercles rebondissent l'un contre l'autre quand ils se touchent. auriez vous des idées pour faire ça?Comment créer des cercles connectés avec des lignes élastiques dans Processing.js?
Je pense que cet exemple pourrait vous aider à aller dans la bonne direction:
Il a les cercles, les lignes, et le rebondissement.
Ou si vous voulez vous-même est le terme de recherche Google que vous cherchez: http://www.google.com/search?hl=en&q=force+directed+graph+javascript&aq=f&aqi=g-c1&aql=&oq=&gs_rfai=
L'algorithme de base est assez simple, obtenir un exemple à l'écoute pour travailler un peu moins. J'ai regardé à travers ce genre de choses avant, mais cette recherche rapide vient d'apparaître ce petit projet js qui semble le faire tout à fait correctement: http://github.com/jackrusher/jssvggraph
Ne devrait pas être trop difficile à mettre en communication.
Eh bien, il y a ceci: http://processingjs.org/source/head-animation.pjs Mais rien ne semble élastique, et il n'y a pas de rebondissement. –