vasturiano / 3d-force-graph

3D force-directed graph component using ThreeJS/WebGL
https://vasturiano.github.io/3d-force-graph/example/large-graph/
MIT License
4.8k stars 831 forks source link

connecting normal nodes to external CSS3Objects #541

Closed scenaristeur closed 2 years ago

scenaristeur commented 2 years ago

Hello, I would like to add a "time spiral" to my ForceGraph3D graph. According to your "add external objects" https://github.com/vasturiano/3d-force-graph/blob/master/example/scene/index.html .

From https://threejs.org/examples/?q=css3d#css3d_periodictable using graph.scene().add(), i've added some CCS3DObjects this way : https://github.com/scenaristeur/agent/blob/fd1e97818454f8481c645dbb2630c694f9ae13f2/src/plugins/graph3d-plugin.js#L174

For now, the user can create normal nodes (with a creation date property), and i would like to be able to connect that node to the "card" in the helix representing that date. ( dates a from now minus 100 days to now plus &100 days), now is 0, yesterday -1, tomorrow +1 ...

to add the helix, click on "test spiral" to add other nodes, see https://youtu.be/YT61BcjGfwc

Screenshot 2022-05-19 at 22-16-11 agent

scenaristeur commented 2 years ago

I've succeded to add external nodes as inner nodes but links are not updated when i use TWEEN, see #344