Press QWERTY to rotate 10 deg on x/y axis on each view 
  Press ASDFGH to increase MIP thickness 10 px on x/y axis on each view 
  + shift to decrease rotation / thickness
  Press any other key to reset

  

    
    Level
  
    
    Crosshair

    
    Pan

    
    Zoom
  
          
  // =====================
  // Define viewports ====
  // =====================
  
  const targetElements = {
    top: {
      element: document.getElementById("viewer-1"),
      key: "top"
    },
    left: {
      element: document.getElementById("viewer-2"),
      key: "left"
    },
      front: {
        element: document.getElementById("viewer-3"),
        key: "front"
      }
    };
    
    // =============================================
    // Import a serie with Larvitar and load mpr ===
    // =============================================
    
    diglettk.loadSerieWithLarvitar(larvitar, serie => {
      let header = larvitar.buildHeader(serie);
      let data = larvitar.buildData(serie, false);
      // build vtk volume with larvitar
      const image = diglettk.buildVtkVolume(header, data);
      // run mpr
      let mpr = new diglettk.MPRManager(targetElements);
      // get initial state obj
      let state = mpr.getInitialState();
      console.log("state", state);
      // set image
      mpr.setImage(state, image);
      // set active tool ("level" or "crosshair")
      mpr.setTool("level", state);
      // add keyoboard events to interact with mpr
      addEvents(mpr, state);
    });