Merge pull request #55 from dvisionlab/colormap

add LUT management

.gitignore

@@ -3,4 +3,5 @@
 /.vscode/
 
 /docs/examples/test_*
-/docs/examples/demo/thorax*
+/docs/examples/demo/thorax*
+/docs/examples/demo/abdomen*

docs/examples/vr.html

@@ -60,7 +60,7 @@ <h3 style="margin-bottom: 20px;">Opacity Widget</h3>
             <label class="sr-only" for="select-lut">LUT</label>
             <select style="max-width: 150px;" id="select-lut" onchange="updateLut(this.options[this.selectedIndex].text)">
             </select>
-            <input type="checkbox" class="custom-control-input" id="customControlAutosizing" onchange="updateRescale(this.checked)">
+            <input checked type="checkbox" class="custom-control-input" id="customControlAutosizing" onchange="updateRescale(this.checked)">
             <label class="custom-control-label" for="customControlAutosizing">rescale LUT</label>
           </div>
         </form>
@@ -86,7 +86,8 @@ <h3 style="margin-top: 20px; margin-bottom: 10px;">Code Example</h3>
   // set widget element to control opacity 
   vr.widgetElement = widgetContainer;
   // set a LUT 
-  vr.lut = "2hot";
+  vr.lut = "MuscleBone";
+  vr.rescaleLUT = true;
 })
           </code>
         </pre>
@@ -104,7 +105,7 @@ <h3 style="margin-top: 20px; margin-bottom: 10px;">Code Example</h3>
 
         let vr = null;
 
-        function fillSelect(list) {
+        function fillSelect(list, initialLUT) {
           let select = document.getElementById('select-lut');
           let index = 0;
           for(let element of list)
@@ -115,6 +116,7 @@ <h3 style="margin-top: 20px; margin-bottom: 10px;">Code Example</h3>
               select.appendChild(opt);
               index++;
             }
+          select.selectedIndex = list.indexOf(initialLUT)
         }
 
         function updateLut(v) {
@@ -146,8 +148,10 @@ <h3 style="margin-top: 20px; margin-bottom: 10px;">Code Example</h3>
             vr.widgetElement = widgetContainer;
             // set a LUT 
             let lutList = vr.getLutList();
-            fillSelect(lutList)
-            vr.lut = lutList[0];
+            fillSelect(lutList, "MuscleBone")
+            // vr.lut = lutList[0];
+            vr.lut = "MuscleBone";
+            vr.rescaleLUT = true;
           })
     </script>
   </body>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "diglettk",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "A medical imaging toolkit, build on top of vtk.js",
   "main": "index.js",
   "scripts": {

src/index.js

@@ -1,3 +1,15 @@
+// Log lib version and hardware info
+import * as pkg from "../package.json";
+import { getVideoCardInfo } from "./utils/utils";
+console.groupCollapsed(
+  "%c** dtk **",
+  "background: #0aa658; color: #000000; line-height: 1.6"
+);
+console.log(`Version ${pkg.version}`);
+console.log("Detected graphic card:");
+console.log(getVideoCardInfo());
+console.groupEnd("dtk");
+
 // NOTE: this is necessary as workaround to this issue:
 // https://github.com/Kitware/vtk-js/issues/1882
 import "regenerator-runtime/runtime";
@@ -10,6 +22,6 @@ import "vtk.js/Sources/Rendering/Profiles/Glyph";
 
 import { VRView } from "./vrView";
 import { MPRManager } from "./mprManager";
-import { loadDemoSerieWithLarvitar, buildVtkVolume } from "./utils";
+import { loadDemoSerieWithLarvitar, buildVtkVolume } from "./utils/utils";
 
 export { MPRManager, VRView, loadDemoSerieWithLarvitar, buildVtkVolume };

src/mpr-main.js

@@ -10,7 +10,7 @@
 // ======================================
 
 import { MPRManager } from "./mprManager";
-import { buildVtkVolume, loadSerieWithLarvitar } from "./utils";
+import { buildVtkVolume, loadSerieWithLarvitar } from "./utils/utils";
 
 // =====================
 // Define viewports ====

src/mprManager.js

@@ -9,7 +9,7 @@ import {
   getPlaneIntersection,
   getVolumeCenter,
   createVolumeActor
-} from "./utils";
+} from "./utils/utils";
 
 import { MPRView } from "./mprView";
 

src/mprView.js

@@ -3,7 +3,7 @@ import vtkInteractorStyleMPRSlice from "./vtk/vtkInteractorMPRSlice";
 
 import { quat, vec3, mat4 } from "gl-matrix";
 
-import { degrees2radians, fill2DView } from "./utils";
+import { degrees2radians, fill2DView } from "./utils/utils";
 
 /**
  * MPRView class