Comments (5)
Hi @Piyush3dB, thanks for reaching out. From the latest version (1.30.0
) there is a new method exposed: scene()
. You can use that method to access the ThreeJS scene and extend it with other objects like the "floor" that you mentioned.
Something along the lines of:
myGraph.scene().add(<Object3d>)
from 3d-force-graph.
@Piyush3dB here is an example #66
from 3d-force-graph.
@artyomtrityak, thanks for the example. I ran the example locally and what I see during the rendering is a red plane initially which immediately changes to a red node and stays that way.
Is this what you also got?
from 3d-force-graph.
The underlying issue was that three.js
was being loaded after 3d-force-graph
(it includes its own three
if there is none readily available at import time). That will lead into there being two parallel copies of three.js
running in the page, which leads to the interference you mentioned above. I've fixed the example to load three.js
before 3d-force-graph
, and it's fixed:
https://vasturiano.github.io/3d-force-graph/example/scene/
from 3d-force-graph.
Thanks @vasturiano that works great now.
from 3d-force-graph.
Related Issues (20)
- Redo/Undo feature HOT 3
- link arrow size become adjustable HOT 2
- adding a hover or click listener to an external asset HOT 3
- Dynamic Particles do not appear for fixed Nodes HOT 1
- Issue with scene hyper-intensive illumination (probably after 1.73.0) HOT 2
- Shadow for links and nodes HOT 1
- How to add a loader to the node HOT 1
- Html rerendering on drag
- continuous scale node color
- 我画布上的所有节点都没有链接,点击节点之后,节点会向外扩散
- LOD for abnormally large graphs
- onNodeClick work error
- Default Settings for "charge" force not clear in documentation please help!!
- Labels for 'regions' / groups.
- text-nodes example stopped working HOT 2
- When nodeThreeObject is used, three-spritetext gives an error
- Arrow bad positionning when linkCurvature(0)
- The text-links example is broken by the latest three.js release r161 HOT 1
- Progressive WebXR HOT 2
- How to show a - 1M nodes HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from 3d-force-graph.