AR.JS с пользовательской сценой с объектами, созданными с помощью 3D Force Graph - PullRequest
Новая
       84

AR.JS с пользовательской сценой с объектами, созданными с помощью 3D Force Graph

1 голос
/ 28 октября 2019

Я создал 3D-диаграмму с 3D Force Graph (https://github.com/vasturiano/3d-force-graph).. Я хочу преобразовать эту диаграмму в веб-приложение дополненной реальности с помощью ar.js. 3D-force-graph использует для создания three.jsэлемент <canvas>. Могу ли я смешать это <canvas> с ar.js?

Я видел в некоторых примерах ar.js, что мне нужно использовать A-Frame (aframe.js) для создания сценыс некоторыми объектами, но моя сцена уже создана.

  1. Есть ли способ использовать ar.js с моим <canvas>, созданным с помощью 3d-force-graph.js, без необходимости использовать aframe.js ввсе?
  2. Есть ли способ заставить aframe.js использовать мой <canvas>, созданный с 3d-force-graph.js в качестве сцены?
  3. Есть ли способ экспортировать 3dобъекты из <canvas>, созданные с помощью 3d-force-graph.js как объекты в сцене aframe.js?

Я создал фрагмент кода с 3D Force Graph.

Спасибо 

    // Random tree
    const N = 300;
    const gData = {
      nodes: [...Array(N).keys()].map(i => ({ id: i })),
      links: [...Array(N).keys()]
        .filter(id => id)
        .map(id => ({
          source: id,
          target: Math.round(Math.random() * (id-1))
        }))
    };
    const Graph = ForceGraph3D()
      (document.getElementById('3d-graph'))
        .graphData(gData);
<head>
  <style> body { margin: 0; } </style>

  <script src="//unpkg.com/3d-force-graph"></script>
  <!--<script src="../../dist/3d-force-graph.js"></script>-->
</head>

<body>
  <div id="3d-graph"></div>

</body>
...