Add colors to latex plots

Author: linev

demo/hist_build3d.htm

@@ -57,9 +57,11 @@
          renderer.render( scene, camera );
       }
 
-      async function create3d(obj, opt, x = 0, lbl = '') {
+      async function create3d(obj, opt, x = 0, lbl = '', scale = 1) {
          return build3d(obj, opt).then(obj3d => {
             obj3d.position.x = x;
+            if (scale !== 1)
+               obj3d.scale.set(scale, scale, scale);
 
             scene.add(obj3d);
 
@@ -70,13 +72,13 @@
             latex.fTextSize = 10; // absolute size
 
             return build3d(latex);
-         }).then(obj3d => {
-            // latex created in X/Y coordinates
-            obj3d.geometry.rotateX(Math.PI / 2);
+         }).then(text3d => {
+            // latex created in X/Y coordinates,
+            text3d.traverse(obj3d => obj3d.geometry?.rotateX(Math.PI / 2));
 
-            obj3d.position.x = x;
-            obj3d.position.z = -100;
-            scene.add(obj3d);
+            text3d.position.x = x;
+            text3d.position.z = -100;
+            scene.add(text3d);
          });
       }
 
@@ -108,22 +110,30 @@
 
       window.addEventListener( 'resize', onWindowResize, false );
 
-      let filename = 'https://root.cern/js/files/hsimple.root';
+      let filename = 'https://root.cern/js/files/hsimple.root',
+          filename2 = 'https://jsroot.gsi.de/files/graph2d.root';
 
       let file = await openFile(filename);
       let hist2 = await file.readObject('hpxpy');
 
-      await create3d(hist2, 'lego2', 0, 'TH2 lego plot');
+      await create3d(hist2, 'lego2', 150, '#color[2]{TH2} #color[4]{lego} plot');
 
       let tuple = await file.readObject('ntuple');
       let hist3 = await treeDraw(tuple, 'px:py:pz;hbins:15');
 
-      await create3d(hist3, 'box3', -400, 'TH3 box plot');
+      await create3d(hist3, 'box3', -150, '#color[2]{TH3} #color[4]{box} plot');
 
       let hist1 = await file.readObject('hpx');
 
-      await create3d(hist1, 'lego2', 400, 'TH1 lego plot');
+      await create3d(hist1, 'lego2', 400, '#color[2]{TH1} #color[4]{lego} plot');
+
+      let geom = await httpRequest('https://root.cern/js/files/geom/simple_alice.json.gz', 'object');
+      await create3d(geom, '', -400, '#color[2]{Geometry} build', 0.2);
+
+      let file2 = await openFile(filename2);
+      let gr2 = await file2.readObject('Graph2D');
 
+      await create3d(gr2, 'p', 650, '#color[2]{TGraph2D} drawing with #color[4]{p}');
 
       camera.updateProjectionMatrix();