Comments (6)
@devhims thanks for reaching out.
The examples on this repo are mostly setup for a VR experience. This component can still easily be used in an AR environment however (see 3d-force-graph-ar).
If you want to use it in AR, just make sure you don't set an opaque background, like it's applied here:
from aframe-forcegraph-component.
Thanks @vasturiano! You're right, that solved the issue.
Another thing, in the AR mode the graph was too large, so I reduced the scale by adding scale="0.01 0.01 0.01"
to the a-entity
. It did make the graph smaller, but now the graph is not visible in the 3d view (maybe it's too small now).
You can check it out here: https://rfg-ar.glitch.me/ar-aframe.html
What do you suggest? Is there any approach to this?
from aframe-forcegraph-component.
@devhims glad that worked.
As for the graph sizing, if you just need to make the whole graph larger/smaller, using the scale attribute is the right approach.
On the other hand if you find that there's just too much "empty space" in between the nodes/links you can try resizing those individually, for example by increasing node-rel-size
(for all nodes) or node-val
(individual per node).
from aframe-forcegraph-component.
Oh, that I did @vasturiano . It's working perfectly in AR mode. It's that in the 3d mode nothing is visible.
Screenshots:
from aframe-forcegraph-component.
Although I see it in the desktop browser - just not on mobile.
from aframe-forcegraph-component.
Actually, it started working on mobile as well now. Not sure why it wasn't previously (maybe my device orientation was not correct). Thanks for your help @vasturiano! 🙏
I encounter a separate issue with the react ar example, which I'll post in the related repo.
from aframe-forcegraph-component.
Related Issues (20)
- Readme.md browser example: t is not defined HOT 1
- graph crashes / vanishes when setting new/custom component attribute HOT 2
- Remove try catch HOT 1
- where are events defined? HOT 2
- Is graphdata from the 3d and 2d forcegraph libraries supported HOT 3
- handling clicks (not just hover) HOT 4
- typescript typings
- node / link color HOT 2
- Graph disappears when clicked in visual inspector HOT 1
- Oculus Go Support HOT 1
- Aframe Node with Image or other Entity instead of Sphere HOT 8
- TypeError: accessorFn is not a function using the npm module HOT 4
- Being able to customize more interactions like in 3d-force-graph HOT 1
- superhands support for nodes and edges HOT 1
- Excluding Link(s) from Intersection HOT 2
- dag-mode attribute doesn't work HOT 2
- unkpg.com hosting seems to be blown HOT 1
- Can not render cube in Aframe using this component HOT 8
- add gitignore
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 aframe-forcegraph-component.