Styling of buttons; clean index; option workerPath

index.html

@@ -31,248 +31,15 @@
       touch-action: none;
     }
   </style>
-  <script>
-    var gltfString = `{
-    "asset" : {
-        "generator" : "Khronos glTF Blender I/O v1.7.33",
-        "version" : "2.0"
-    },
-    "scene" : 0,
-    "scenes" : [
-        {
-            "name" : "Scene",
-            "nodes" : [
-                0
-            ]
-        }
-    ],
-    "nodes" : [
-        {
-            "mesh" : 0,
-            "name" : "Cube"
-        }
-    ],
-    "materials" : [
-        {
-            "doubleSided" : true,
-            "name" : "Material",
-            "pbrMetallicRoughness" : {
-                "baseColorFactor" : [
-                    0.8000000715255737,
-                    0.23381935060024261,
-                    0.09727766364812851,
-                    1
-                ],
-                "metallicFactor" : 0,
-                "roughnessFactor" : 0.4000000059604645
-            }
-        },
-        {
-            "doubleSided" : true,
-            "name" : "Material.001",
-            "pbrMetallicRoughness" : {
-                "baseColorFactor" : [
-                    0.01814323477447033,
-                    0.062369782477617264,
-                    0.8000000715255737,
-                    1
-                ],
-                "metallicFactor" : 0,
-                "roughnessFactor" : 0.5
-            }
-        }
-    ],
-    "meshes" : [
-        {
-            "name" : "Cube",
-            "primitives" : [
-                {
-                    "attributes" : {
-                        "POSITION" : 0,
-                        "NORMAL" : 1,
-                        "TEXCOORD_0" : 2
-                    },
-                    "indices" : 3,
-                    "material" : 0
-                },
-                {
-                    "attributes" : {
-                        "POSITION" : 4,
-                        "NORMAL" : 5,
-                        "TEXCOORD_0" : 6
-                    },
-                    "indices" : 7,
-                    "material" : 1
-                }
-            ]
-        }
-    ],
-    "accessors" : [
-        {
-            "bufferView" : 0,
-            "componentType" : 5126,
-            "count" : 180,
-            "max" : [
-                1,
-                1,
-                1
-            ],
-            "min" : [
-                -1,
-                -1,
-                -1
-            ],
-            "type" : "VEC3"
-        },
-        {
-            "bufferView" : 1,
-            "componentType" : 5126,
-            "count" : 180,
-            "type" : "VEC3"
-        },
-        {
-            "bufferView" : 2,
-            "componentType" : 5126,
-            "count" : 180,
-            "type" : "VEC2"
-        },
-        {
-            "bufferView" : 3,
-            "componentType" : 5123,
-            "count" : 270,
-            "type" : "SCALAR"
-        },
-        {
-            "bufferView" : 4,
-            "componentType" : 5126,
-            "count" : 36,
-            "max" : [
-                1,
-                1,
-                1
-            ],
-            "min" : [
-                -1,
-                0.9015575051307678,
-                -1
-            ],
-            "type" : "VEC3"
-        },
-        {
-            "bufferView" : 5,
-            "componentType" : 5126,
-            "count" : 36,
-            "type" : "VEC3"
-        },
-        {
-            "bufferView" : 6,
-            "componentType" : 5126,
-            "count" : 36,
-            "type" : "VEC2"
-        },
-        {
-            "bufferView" : 7,
-            "componentType" : 5123,
-            "count" : 54,
-            "type" : "SCALAR"
-        }
-    ],
-    "bufferViews" : [
-        {
-            "buffer" : 0,
-            "byteLength" : 2160,
-            "byteOffset" : 0
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 2160,
-            "byteOffset" : 2160
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 1440,
-            "byteOffset" : 4320
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 540,
-            "byteOffset" : 5760
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 432,
-            "byteOffset" : 6300
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 432,
-            "byteOffset" : 6732
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 288,
-            "byteOffset" : 7164
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 108,
-            "byteOffset" : 7452
-        }
-    ],
-    "buffers" : [
-        {
-            "byteLength" : 7560,
-            "uri" : "data:application/octet-stream;base64,AACAPwAAgD8AAIC/AACAPwAAgD8AAIC/AACAPwAAgD8AAIC/AACAPwAAgD8AAIC/AACAPwAAgL8AAIC/AACAPwAAgL8AAIC/AACAPwAAgL8AAIC/AACAPwAAgL8AAIC/AACAPwAAgL8AAIC/AACAPwAAgL8AAIC/AACAPwAAgD8AAIA/AACAPwAAgD8AAIA/AACAPwAAgD8AAIA/AACAPwAAgD8AAIA/AACAPwAAgL8AAIA/AACAPwAAgL8AAIA/AACAPwAAgL8AAIA/AACAPwAAgL8AAIA/AACAPwAAgL8AAIA/AACAPwAAgL8AAIA/AACAvwAAgD8AAIC/AACAvwAAgD8AAIC/AACAvwAAgD8AAIC/AACAvwAAgD8AAIC/AACAvwAAgL8AAIC/AACAvwAAgL8AAIC/AACAvwAAgL8AAIC/AACAvwAAgL8AAIC/AACAvwAAgL8AAIC/AACAvwAAgL8AAIC/AACAvwAAgD8AAIA/AACAvwAAgD8AAIA/AACAvwAAgD8AAIA/AACAvwAAgD8AAIA/AACAvwAAgL8AAIA/AACAvwAAgL8AAIA/AACAvwAAgL8AAIA/AACAvwAAgL8AAIA/AACAvwAAgL8AAIA/AACAvwAAgL8AAIA/dgdUP3YHVL8AAIA/dgdUP3YHVL8AAIA/dgdUP3YHVL8AAIA/dgdUP3YHVL8AAIA/dgdUP3YHVD8AAIA/dgdUP3YHVD8AAIA/dgdUP3YHVD8AAIA/dgdUP3YHVD8AAIA/dgdUv3YHVD8AAIA/dgdUv3YHVD8AAIA/dgdUv3YHVD8AAIA/dgdUv3YHVD8AAIA/dgdUv3YHVL8AAIA/dgdUv3YHVL8AAIA/dgdUv3YHVL8AAIA/dgdUv3YHVL8AAIA/AACAv3YHVL92B1Q/AACAv3YHVL92B1Q/AACAv3YHVL92B1Q/AACAv3YHVL92B1Q/AACAv3YHVD92B1Q/AACAv3YHVD92B1Q/AACAv3YHVD92B1Q/AACAv3YHVD92B1Q/AACAv3YHVD92B1S/AACAv3YHVD92B1S/AACAv3YHVD92B1S/AACAv3YHVD92B1S/AACAv3YHVL92B1S/AACAv3YHVL92B1S/AACAv3YHVL92B1S/AACAv3YHVL92B1S/dgdUvwAAgL92B1S/dgdUvwAAgL92B1S/dgdUvwAAgL92B1S/dgdUvwAAgL92B1S/dgdUPwAAgL92B1S/dgdUPwAAgL92B1S/dgdUPwAAgL92B1S/dgdUPwAAgL92B1S/dgdUPwAAgL92B1Q/dgdUPwAAgL92B1Q/dgdUPwAAgL92B1Q/dgdUPwAAgL92B1Q/dgdUvwAAgL92B1Q/dgdUvwAAgL92B1Q/dgdUvwAAgL92B1Q/dgdUvwAAgL92B1Q/AACAP3YHVL92B1S/AACAP3YHVL92B1S/AACAP3YHVL92B1S/AACAP3YHVL92B1S/AACAP3YHVD92B1S/AACAP3YHVD92B1S/AACAP3YHVD92B1S/AACAP3YHVD92B1S/AACAP3YHVD92B1Q/AACAP3YHVD92B1Q/AACAP3YHVD92B1Q/AACAP3YHVD92B1Q/AACAP3YHVL92B1Q/AACAP3YHVL92B1Q/AACAP3YHVL92B1Q/AACAP3YHVL92B1Q/dgdUv3YHVL8AAIC/dgdUv3YHVL8AAIC/dgdUv3YHVL8AAIC/dgdUv3YHVL8AAIC/dgdUv3YHVD8AAIC/dgdUv3YHVD8AAIC/dgdUv3YHVD8AAIC/dgdUv3YHVD8AAIC/dgdUP3YHVD8AAIC/dgdUP3YHVD8AAIC/dgdUP3YHVD8AAIC/dgdUP3YHVD8AAIC/dgdUP3YHVL8AAIC/dgdUP3YHVL8AAIC/dgdUP3YHVL8AAIC/dgdUP3YHVL8AAIC/dgdUP3YHVL95zGY/dgdUP3YHVL95zGY/dgdUP3YHVL95zGY/dgdUP3YHVD95zGY/dgdUP3YHVD95zGY/dgdUP3YHVD95zGY/dgdUv3YHVD95zGY/dgdUv3YHVD95zGY/dgdUv3YHVD95zGY/dgdUv3YHVL95zGY/dgdUv3YHVL95zGY/dgdUv3YHVL95zGY/ecxmv3YHVL92B1Q/ecxmv3YHVL92B1Q/ecxmv3YHVL92B1Q/ecxmv3YHVD92B1Q/ecxmv3YHVD92B1Q/ecxmv3YHVD92B1Q/ecxmv3YHVD92B1S/ecxmv3YHVD92B1S/ecxmv3YHVD92B1S/ecxmv3YHVL92B1S/ecxmv3YHVL92B1S/ecxmv3YHVL92B1S/dgdUv3nMZr92B1S/dgdUv3nMZr92B1S/dgdUv3nMZr92B1S/dgdUP3nMZr92B1S/dgdUP3nMZr92B1S/dgdUP3nMZr92B1S/dgdUP3nMZr92B1Q/dgdUP3nMZr92B1Q/dgdUP3nMZr92B1Q/dgdUv3nMZr92B1Q/dgdUv3nMZr92B1Q/dgdUv3nMZr92B1Q/ecxmP3YHVL92B1S/ecxmP3YHVL92B1S/ecxmP3YHVL92B1S/ecxmP3YHVD92B1S/ecxmP3YHVD92B1S/ecxmP3YHVD92B1S/ecxmP3YHVD92B1Q/ecxmP3YHVD92B1Q/ecxmP3YHVD92B1Q/ecxmP3YHVL92B1Q/ecxmP3YHVL92B1Q/ecxmP3YHVL92B1Q/dgdUv3YHVL95zGa/dgdUv3YHVL95zGa/dgdUv3YHVL95zGa/dgdUv3YHVD95zGa/dgdUv3YHVD95zGa/dgdUv3YHVD95zGa/dgdUP3YHVD95zGa/dgdUP3YHVD95zGa/dgdUP3YHVD95zGa/dgdUP3YHVL95zGa/dgdUP3YHVL95zGa/dgdUP3YHVL95zGa/AAAAAAAAAAAAAIC/AAAAAAAAAAD//3+///9/PwAAAAAAAACAAACAPwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC/AAAAAAAAAAD//3+///9/PwAAAAAAAACAAACAPwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA///9/PwAAAAAAAACAAACAPwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA///9/PwAAAAAAAACAAACAPwAAAAAAAACAAACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAAAAAAIC/AAAAAAAAAAD//3+/AACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC/AAAAAAAAAAD//3+/AACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA/AACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA/AACAvwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA/AAAAAP//fz8AAACAAACAvwAAAAAAAACAAAAAAP//f78AAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA/AAAAAP//f78AAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA/AACAPwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAAAAAAIA/AAAAAP//fz8AAACAAACAPwAAAAAAAACAAACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAAAD//3+/AAAAAAAAgD8AAACAAACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//3+/AACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//38/AACAvwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAgD8AAACAAAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIA///9/PwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIA///9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC/AAAAAAAAgL8AAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC///9/PwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAgD8AAACA//9/PwAAAAAAAACAAACAPwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//38///9/PwAAAAAAAACAAACAPwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//3+///9/PwAAAAAAAACAAACAPwAAAAAAAACAAAAAAAAAAAD//3+/AAAAAAAAgD8AAACA//9/PwAAAAAAAACAAACAPwAAAAAAAACAAAAAAAAAAAAAAIC/AAAAAAAAAAD//3+/AAAAAP//fz8AAACAAACAPwAAAAAAAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC/AAAAAAAAAAD//3+/AACAPwAAAAAAAACAAACAvwAAAAAAAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC/AAAAAAAAAAD//3+/AACAvwAAAAAAAACAAAAAAAAAAAAAAIC/AAAAAAAAAAD//3+/AAAAAP//fz8AAACAAACAvwAAAAAAAACAAAAAAAAAAAAAAIA/AAAAAP//fz8AAACAAACAvwAAAAAAAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIA/AAAAAP//f78AAACAAAAAAAAAAAAAAIA/AACAPwAAAAAAAACAAAAAAAAAAAAAAIA/AAAAAP//fz8AAACAAACAPwAAAAAAAACAAACAvwAAAAAAAACAAAAAAAAAAAD//3+/AAAAAAAAgD8AAACAAACAvwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//3+/AACAvwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//38/AACAvwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAgD8AAACAAAAAAAAAgL8AAACAAAAAAAAAAAAAAIA///9/PwAAAAAAAACA//9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAAAAIA///9/vwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAAAAIC/AAAAAAAAgL8AAACAAAAAAAAAAAAAAIC///9/PwAAAAAAAACAAAAAAAAAAAD//38/AAAAAAAAgD8AAACAAACAPwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//38/AACAPwAAAAAAAACAAAAAAAAAgL8AAACAAAAAAAAAAAD//3+/AACAPwAAAAAAAACAAAAAAAAAAAD//3+/AAAAAAAAgD8AAACAAACAPwAAAAAAAACAAAAAAAAAAAAAAIC/AAAAAP//fz8AAACAAACAPwAAAAAAAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC/AACAPwAAAAAAAACAAACAvwAAAAAAAACAAAAAAP//f78AAACAAAAAAAAAAAAAAIC/AACAvwAAAAAAAACAAAAAAAAAAAAAAIC/AAAAAP//fz8AAACAAAAgPwAAAD8AACA/AAAAPwAAID8AAAA/AAAgPwAAAD8AAMA+AAAAPwAAwD4AAAA/AADAPgAAAD8AAMA+AAAAPwAAwD4AAAA/AADAPgAAAD8AACA/AACAPgAAID8AAIA+AAAgPwAAgD4AACA/AACAPgAAwD4AAIA+AADAPgAAgD4AAMA+AACAPgAAwD4AAIA+AADAPgAAgD4AAMA+AACAPgAAID8AAEA/AAAgPwAAQD8AACA/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"
-        }
-    ]
-}
-`
-  </script>
 </head>
 
 <body>
   <canvas id="renderCanvas"></canvas>
   <script>
 
     var vis = new Baby.Plots("renderCanvas", {});
-    // vis.addMeshObject(gltfString, {});
-    // vis.turntable = true;
-    // vis.addMeshStream(
-    //   "https://cdn.glitch.com/",
-    //   "b12df82c-ed15-473a-b9aa-f1ccd97600ac%2FEat_",
-    //   ".glb?v=1610559236379",
-    //   2,
-    //   101,
-    //   100,
-    //   {
-    //     meshRotation: [Math.PI /2, 0, 0],
-    //     meshOffset: [-300, 0, -300],
-    //     clearCoat: true,
-    //     clearCoatIntensity: 0.5,
-    //   }
-    // );
-    // vis.camera.radius = 800;
-    // vis.camera.alpha = 0;
-    // vis.camera.beta = 1;
-    // vis.addPlot([
-    //     [6.671802, -4.664322, 4.977584],
-    //     [6.397511, -5.695337, 5.750157],
-    //     [6.834549, -4.452236, 5.134693],
-    //     [5.876275, -6.303131, 4.273763],
-    //     [5.795466, -6.470013, 4.276352]
-    // ], "line", "values", [
-    //     0.285020,
-    //     0.317455,
-    //     0.417574,
-    //     0.602124,
-    //     1
-    // ], {
-    //     labels: ["cannon", "man", "rifle", "shoot", "shot"],
-    //     labelColor: "match",
-    //     labelSize: 50,
-    //     hasAnimation: true
-    // })
     vis.fromJSON(semantleExampleData);
+    vis.turntable = true;
     vis.doRender();
     vis.createButtons(["turntable", "json", "label"]);
     window.onresize = function () {

src/babyplots.d.ts

@@ -166,6 +166,7 @@ export declare class Plots {
     shapeLegendTitle: string;
     uiLayer: AdvancedDynamicTexture;
     animPaused: boolean;
+    workerPath: string;
     constructor(canvasElement: string, options?: {});
     private _updateCameraUpVector;
     fromJSON(plotData: {}): void;

src/babyplots.ts

@@ -286,6 +286,8 @@ export class Plots {
     uiLayer: AdvancedDynamicTexture;
     /** Play or pause state of all animations */
     animPaused: boolean = false;
+    /** Path to the directory containing the CCapture worker script */
+    workerPath: string;
 
 
     /**
@@ -309,12 +311,14 @@ export class Plots {
             rotationRate: 0.01,
             shapeLegendTitle: "",
             upAxis: "+y",
+            workerPath: "./",
         }
         Object.assign(opts, options);
 
         this.turntable = opts.turntable;
         this.rotationRate = opts.rotationRate;
         this.shapeLegendTitle = opts.shapeLegendTitle;
+        this.workerPath = opts.workerPath;
 
         // setup enginge and scene
         this._backgroundColor = opts.backgroundColor;
@@ -998,7 +1002,7 @@ export class Plots {
         if (this._recording) {
             // start recording:
             if (this._turned === 0) {
-                let worker = "./";
+                let worker = this.workerPath;
                 if (this.R) {
                     worker = "lib/babyplots-1/";
                 }

src/utils/styleText.ts

@@ -22,11 +22,11 @@ export const styleText = [
     ".bbp.button-bar>.button.hidden { display: none; }",
     ".bbp.button-bar>.anim-slider { display: block; float: right; width: 150px; height: 30px }",
     ".bbp.button-bar>.anim-slider.hidden { display: none; }",
-    ".bbp.button-bar>.button { float: right; width: 75px; height: 30px; cursor: pointer; border-radius: 2px; background-color: #f0f0f0; margin: 0 4px 0 0; }",
+    ".bbp.button-bar>.button { float: right; width: 75px; height: 30px; cursor: pointer; border-radius: 2px; background-color: #f0f0f0; margin: 0 4px 0 0; transition: all 0.2s ease-in-out;}",
     ".bbp.button-bar>.button:hover { background-color: #ddd; }",
     ".bbp.button-bar>.button>svg { width: 75px; height: 30px; }",
-    ".bbp.button-bar>.button.active { background-color: #afafaf; }",
-    ".bbp.button-bar>.button.active:hover { background-color: #9f9f9f; }",
+    ".bbp.button-bar>.button.active { background-color: #e95420; }",
+    ".bbp.button-bar>.button.active:hover { background-color: #b52f00; }",
     ".bbp.button-bar>.button.streamctrl.loading { cursor: progress; }",
     ".bbp.button-bar>.button.streamctrl.loading:hover { background-color: #f0f0f0; }",
     ".bbp.button-bar>.button.streamctrl.loading>.btn-label.play,.bbp.button-bar>.button.streamctrl.loading>.btn-label.pause {display: none; }",