Camera background in AR

[vasturiano]

Camera background in AR

[vasturiano]

@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:

aframe-forcegraph-component/examples/basic/index.html

Line 30 in 9035e94

<a-sky color="#002"></a-sky>

[devhims]

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?

[vasturiano]

@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).

[devhims]

Oh, that I did @vasturiano . It's working perfectly in AR mode. It's that in the 3d mode nothing is visible.

Screenshots:

3d

AR

[devhims]

Although I see it in the desktop browser - just not on mobile.

[devhims]

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.