vasturiano / 3d-force-graph-vr

3D force-directed graph component in VR
https://vasturiano.github.io/3d-force-graph-vr/example/large-graph/
MIT License
226 stars 52 forks source link

Graph disappears when in VR mode? #27

Open malani-art opened 2 years ago

malani-art commented 2 years ago

Hi, after many attempts, I was finally able to get VR working with another github project quite easily (https://github.com/mister-blanket/blood-lines)

But, now I am facing another issue: when I click on the Enter VR button, the 360 video appears correctly but the graph does not, at all. If anyone has any ideas at all, that would be super appreciated as I'm not sure what the issue is.

I'm wondering if this is a container issue? Here is my code:

<!DOCTYPE html>
<html lang="en">
<head>

//font
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link href="https://cdn.rawgit.com/mister-blanket/portfolio/master/css/fontawesome/css/all.css" rel="stylesheet">
  <title>Blood Lines</title>

</head>

<body>
  <div id='root'></div>
//container for 360 video
  <div id="container"></div>
    <canvas data-engine="three.js r135" width="563" height="706" z-index="-1"
    style="display: block; width: 563; height: 706;"></canvas>
</div>

//360 video
<video id="background-video" autoplay loop muted>
 <source src="http://altartnet.com/~malani/Test360VRCam_CorrectFPS_1.mp4" type="video/mp4">
</video>

</body>

</html>

Thank you

vasturiano commented 2 years ago

Hi @malani-art can you make a simple live example that reproduces your issue, on codepen for example?