ndmvr-core/stress.html at develop · ndmspc/ndmvr-core · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Histogram renderer</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="./src/core/ndmvr-aframe-core.js"></script>
<script type="module">
   import {histogramSubjectGet} from "./src/rxjs/HistogramSubject.js";

   console.log(`Random Histogram renderer`);
   import {generate_AFrame_blank_scene_html} from "./src/utils/htmlGenerators.js";
   import {brokerManagerGet} from "./src/service/brokerManager.js";
   import {parse} from "jsroot";

   const sceneElm = generate_AFrame_blank_scene_html();

   if (sceneElm) {
      document.querySelector("#app").appendChild(sceneElm);
   }

   const wsSub = brokerManagerGet().getSubject()
      .subscribe((v) => {
         // console.log(JSON.parse(v).arr[2])
         histogramSubjectGet().next({id: 'histogram1', obj: parse(JSON.parse(v).arr[0])});
         histogramSubjectGet().next({id: 'histogram2', obj: parse(JSON.parse(v).arr[1])});
         histogramSubjectGet().next({id: 'histogram3', obj: parse(JSON.parse(v).arr[2])});
      });

</script>
</body>
</html>