@kitware/vtk.js 28.10.1 → 28.11.0

package/Rendering/WebGPU/StickMapper.js

@@ -1,11 +1,17 @@
-import { newInstance as newInstance$1, vtkErrorMacro as vtkErrorMacro$1 } from '../../macros.js';
+import { n as newInstance$1, c as macro } from '../../macros2.js';
 import vtkWebGPUCellArrayMapper from './CellArrayMapper.js';
 import vtkWebGPUBufferManager from './BufferManager.js';
 import vtkWebGPUShaderCache from './ShaderCache.js';
 import { registerOverride } from './ViewNodeFactory.js';
 
-var BufferUsage = vtkWebGPUBufferManager.BufferUsage;
-var vtkErrorMacro = vtkErrorMacro$1; // Vertices
+const {
+  BufferUsage
+} = vtkWebGPUBufferManager;
+const {
+  vtkErrorMacro
+} = macro;
+
+// Vertices
 // 013 - 032 - 324 - 453
 //
 //       _.4---_.5
@@ -26,265 +32,396 @@ var vtkErrorMacro = vtkErrorMacro$1; // Vertices
 // 4: 011
 // 5: 111
 
-var vtkWebGPUStickMapperVS = "\n//VTK::Renderer::Dec\n\n//VTK::Mapper::Dec\n\n//VTK::Color::Dec\n\n//VTK::IOStructs::Dec\n\n@vertex\nfn main(\n//VTK::IOStructs::Input\n)\n//VTK::IOStructs::Output\n{\n  var offsetsArray: array<vec3<f32>, 12> = array<vec3<f32>, 12>(\n    vec3<f32>(-1.0, -1.0, -1.0),\n    vec3<f32>(1.0, -1.0, -1.0),\n    vec3<f32>(1.0, -1.0, 1.0),\n\n    vec3<f32>(-1.0, -1.0, -1.0),\n    vec3<f32>(1.0, -1.0, 1.0),\n    vec3<f32>(-1.0, -1.0, 1.0),\n\n    vec3<f32>(-1.0, -1.0, 1.0),\n    vec3<f32>(1.0, -1.0, 1.0),\n    vec3<f32>(1.0, 1.0, 1.0),\n\n    vec3<f32>(-1.0, -1.0, 1.0),\n    vec3<f32>(1.0, 1.0, 1.0),\n    vec3<f32>(-1.0, 1.0, 1.0)\n  );\n\n  var output : vertexOutput;\n\n  var vertexVC: vec4<f32> = rendererUBO.SCVCMatrix * mapperUBO.BCSCMatrix * vec4<f32>(vertexBC.xyz, 1.0);\n\n  //VTK::Color::Impl\n\n  // compute the projected vertex position\n  output.centerVC = vertexVC.xyz;\n  output.radiusVC = radiusMC;\n  output.lengthVC = length(orientMC);\n  output.orientVC = (rendererUBO.WCVCNormals * vec4<f32>(normalize(orientMC), 0.0)).xyz;\n\n  // make sure it is pointing out of the screen\n  if (output.orientVC.z < 0.0)\n    {\n    output.orientVC = -output.orientVC;\n    }\n\n  // make the basis\n  var xbase: vec3<f32>;\n  var ybase: vec3<f32>;\n  var dir: vec3<f32> = vec3<f32>(0.0,0.0,1.0);\n  if (rendererUBO.cameraParallel == 0u)\n    {\n    dir = normalize(-vertexVC.xyz);\n    }\n  if (abs(dot(dir,output.orientVC)) == 1.0)\n    {\n    xbase = normalize(cross(vec3<f32>(0.0,1.0,0.0),output.orientVC));\n    ybase = cross(xbase,output.orientVC);\n    }\n  else\n    {\n    xbase = normalize(cross(output.orientVC,dir));\n    ybase = cross(output.orientVC,xbase);\n    }\n\n\n  var vertIdx: u32 = input.vertexIndex % 12u;\n  var offsets: vec3<f32> = offsetsArray[vertIdx];\n\n  vertexVC = vec4<f32>(vertexVC.xyz +\n    output.radiusVC * offsets.x * xbase +\n    output.radiusVC * offsets.y * ybase +\n    0.5 * output.lengthVC * offsets.z * output.orientVC, 1.0);\n\n  output.vertexVC = vertexVC;\n\n  //VTK::Position::Impl\n\n  return output;\n}\n"; // ----------------------------------------------------------------------------
+const vtkWebGPUStickMapperVS = `
+//VTK::Renderer::Dec
+
+//VTK::Mapper::Dec
+
+//VTK::Color::Dec
+
+//VTK::IOStructs::Dec
+
+@vertex
+fn main(
+//VTK::IOStructs::Input
+)
+//VTK::IOStructs::Output
+{
+  var offsetsArray: array<vec3<f32>, 12> = array<vec3<f32>, 12>(
+    vec3<f32>(-1.0, -1.0, -1.0),
+    vec3<f32>(1.0, -1.0, -1.0),
+    vec3<f32>(1.0, -1.0, 1.0),
+
+    vec3<f32>(-1.0, -1.0, -1.0),
+    vec3<f32>(1.0, -1.0, 1.0),
+    vec3<f32>(-1.0, -1.0, 1.0),
+
+    vec3<f32>(-1.0, -1.0, 1.0),
+    vec3<f32>(1.0, -1.0, 1.0),
+    vec3<f32>(1.0, 1.0, 1.0),
+
+    vec3<f32>(-1.0, -1.0, 1.0),
+    vec3<f32>(1.0, 1.0, 1.0),
+    vec3<f32>(-1.0, 1.0, 1.0)
+  );
+
+  var output : vertexOutput;
+
+  var vertexVC: vec4<f32> = rendererUBO.SCVCMatrix * mapperUBO.BCSCMatrix * vec4<f32>(vertexBC.xyz, 1.0);
+
+  //VTK::Color::Impl
+
+  // compute the projected vertex position
+  output.centerVC = vertexVC.xyz;
+  output.radiusVC = radiusMC;
+  output.lengthVC = length(orientMC);
+  output.orientVC = (rendererUBO.WCVCNormals * vec4<f32>(normalize(orientMC), 0.0)).xyz;
+
+  // make sure it is pointing out of the screen
+  if (output.orientVC.z < 0.0)
+    {
+    output.orientVC = -output.orientVC;
+    }
+
+  // make the basis
+  var xbase: vec3<f32>;
+  var ybase: vec3<f32>;
+  var dir: vec3<f32> = vec3<f32>(0.0,0.0,1.0);
+  if (rendererUBO.cameraParallel == 0u)
+    {
+    dir = normalize(-vertexVC.xyz);
+    }
+  if (abs(dot(dir,output.orientVC)) == 1.0)
+    {
+    xbase = normalize(cross(vec3<f32>(0.0,1.0,0.0),output.orientVC));
+    ybase = cross(xbase,output.orientVC);
+    }
+  else
+    {
+    xbase = normalize(cross(output.orientVC,dir));
+    ybase = cross(output.orientVC,xbase);
+    }
+
+
+  var vertIdx: u32 = input.vertexIndex % 12u;
+  var offsets: vec3<f32> = offsetsArray[vertIdx];
+
+  vertexVC = vec4<f32>(vertexVC.xyz +
+    output.radiusVC * offsets.x * xbase +
+    output.radiusVC * offsets.y * ybase +
+    0.5 * output.lengthVC * offsets.z * output.orientVC, 1.0);
+
+  output.vertexVC = vertexVC;
+
+  //VTK::Position::Impl
+
+  return output;
+}
+`;
+
+// ----------------------------------------------------------------------------
 // vtkWebGPUStickMapper methods
 // ----------------------------------------------------------------------------
 
 function vtkWebGPUStickMapper(publicAPI, model) {
   // Set our className
   model.classHierarchy.push('vtkWebGPUStickMapper');
-  var cellMapperBuildPass = publicAPI.buildPass;
-
-  publicAPI.buildPass = function (prepass) {
+  const cellMapperBuildPass = publicAPI.buildPass;
+  publicAPI.buildPass = prepass => {
     if (prepass) {
       if (!model.renderable.getStatic()) {
         model.renderable.update();
       }
-
-      var poly = model.renderable.getInputData();
+      const poly = model.renderable.getInputData();
       publicAPI.setCellArray(poly.getVerts());
       publicAPI.setCurrentInput(poly);
     }
-
     cellMapperBuildPass(prepass);
   };
-
-  publicAPI.replaceShaderNormal = function (hash, pipeline, vertexInput) {
-    var vDesc = pipeline.getShaderDescription('vertex');
+  publicAPI.replaceShaderNormal = (hash, pipeline, vertexInput) => {
+    const vDesc = pipeline.getShaderDescription('vertex');
     if (!vDesc.hasOutput('vertexVC')) vDesc.addOutput('vec4<f32>', 'vertexVC');
     vDesc.addOutput('vec3<f32>', 'centerVC');
     vDesc.addOutput('vec3<f32>', 'orientVC');
     vDesc.addOutput('f32', 'radiusVC');
     vDesc.addOutput('f32', 'lengthVC');
     vDesc.addBuiltinInput('u32', '@builtin(vertex_index) vertexIndex');
-    var fDesc = pipeline.getShaderDescription('fragment');
+    const fDesc = pipeline.getShaderDescription('fragment');
     fDesc.addBuiltinOutput('f32', '@builtin(frag_depth) fragDepth');
-    var stickFrag = "\n    // compute the eye position and unit direction\n    var vertexVC: vec4<f32>;\n    var EyePos: vec3<f32>;\n    var EyeDir: vec3<f32>;\n\n    if (rendererUBO.cameraParallel != 0u)\n    {\n      EyePos = vec3<f32>(input.vertexVC.x, input.vertexVC.y, input.vertexVC.z + 3.0*input.radiusVC);\n      EyeDir = vec3<f32>(0.0, 0.0, -1.0);\n    }\n    else\n    {\n      EyeDir = input.vertexVC.xyz;\n      EyePos = vec3<f32>(0.0,0.0,0.0);\n      var lengthED: f32 = length(EyeDir);\n      EyeDir = normalize(EyeDir);\n      // we adjust the EyePos to be closer if it is too far away\n      // to prevent floating point precision noise\n      if (lengthED > input.radiusVC*3.0)\n      {\n        EyePos = input.vertexVC.xyz - EyeDir*3.0*input.radiusVC;\n      }\n    }\n    // translate to Sphere center\n    EyePos = EyePos - input.centerVC;\n\n    // rotate to new basis\n    // base1, base2, orientVC\n    var base1: vec3<f32>;\n    if (abs(input.orientVC.z) < 0.99)\n    {\n      base1 = normalize(cross(input.orientVC,vec3<f32>(0.0,0.0,1.0)));\n    }\n    else\n    {\n      base1 = normalize(cross(input.orientVC,vec3<f32>(0.0,1.0,0.0)));\n    }\n    var base2: vec3<f32> = cross(input.orientVC,base1);\n    EyePos = vec3<f32>(dot(EyePos,base1),dot(EyePos,base2),dot(EyePos,input.orientVC));\n    EyeDir = vec3<f32>(dot(EyeDir,base1),dot(EyeDir,base2),dot(EyeDir,input.orientVC));\n\n    // scale to radius 1.0\n    EyePos = EyePos * (1.0 / input.radiusVC);\n\n    // find the intersection\n    var a: f32 = EyeDir.x*EyeDir.x + EyeDir.y*EyeDir.y;\n    var b: f32 = 2.0*(EyePos.x*EyeDir.x + EyePos.y*EyeDir.y);\n    var c: f32 = EyePos.x*EyePos.x + EyePos.y*EyePos.y - 1.0;\n    var d: f32 = b*b - 4.0*a*c;\n    var normal: vec3<f32> = vec3<f32>(0.0,0.0,1.0);\n    if (d < 0.0) { discard; }\n    else\n    {\n      var t: f32 = (-b - sqrt(d))*(0.5 / a);\n      var tz: f32 = EyePos.z + t*EyeDir.z;\n      var iPoint: vec3<f32> = EyePos + t*EyeDir;\n      if (abs(iPoint.z)*input.radiusVC > input.lengthVC*0.5)\n      {\n        // test for end cap\n        var t2: f32 = (-b + sqrt(d))*(0.5 / a);\n        var tz2: f32 = EyePos.z + t2*EyeDir.z;\n        if (tz2*input.radiusVC > input.lengthVC*0.5 || tz*input.radiusVC < -0.5*input.lengthVC) { discard; }\n        else\n        {\n          normal = input.orientVC;\n          var t3: f32 = (input.lengthVC*0.5/input.radiusVC - EyePos.z)/EyeDir.z;\n          iPoint = EyePos + t3*EyeDir;\n          vertexVC = vec4<f32>(input.radiusVC*(iPoint.x*base1 + iPoint.y*base2 + iPoint.z*input.orientVC) + input.centerVC, 1.0);\n        }\n      }\n      else\n      {\n        // The normal is the iPoint.xy rotated back into VC\n        normal = iPoint.x*base1 + iPoint.y*base2;\n        // rescale rerotate and translate\n        vertexVC = vec4<f32>(input.radiusVC*(normal + iPoint.z*input.orientVC) + input.centerVC, 1.0);\n      }\n    }\n    // compute the pixel's depth\n    var pos: vec4<f32> = rendererUBO.VCPCMatrix * vertexVC;\n    output.fragDepth = pos.z / pos.w;\n  ";
-    var code = fDesc.getCode();
+    const stickFrag = `
+    // compute the eye position and unit direction
+    var vertexVC: vec4<f32>;
+    var EyePos: vec3<f32>;
+    var EyeDir: vec3<f32>;
+
+    if (rendererUBO.cameraParallel != 0u)
+    {
+      EyePos = vec3<f32>(input.vertexVC.x, input.vertexVC.y, input.vertexVC.z + 3.0*input.radiusVC);
+      EyeDir = vec3<f32>(0.0, 0.0, -1.0);
+    }
+    else
+    {
+      EyeDir = input.vertexVC.xyz;
+      EyePos = vec3<f32>(0.0,0.0,0.0);
+      var lengthED: f32 = length(EyeDir);
+      EyeDir = normalize(EyeDir);
+      // we adjust the EyePos to be closer if it is too far away
+      // to prevent floating point precision noise
+      if (lengthED > input.radiusVC*3.0)
+      {
+        EyePos = input.vertexVC.xyz - EyeDir*3.0*input.radiusVC;
+      }
+    }
+    // translate to Sphere center
+    EyePos = EyePos - input.centerVC;
+
+    // rotate to new basis
+    // base1, base2, orientVC
+    var base1: vec3<f32>;
+    if (abs(input.orientVC.z) < 0.99)
+    {
+      base1 = normalize(cross(input.orientVC,vec3<f32>(0.0,0.0,1.0)));
+    }
+    else
+    {
+      base1 = normalize(cross(input.orientVC,vec3<f32>(0.0,1.0,0.0)));
+    }
+    var base2: vec3<f32> = cross(input.orientVC,base1);
+    EyePos = vec3<f32>(dot(EyePos,base1),dot(EyePos,base2),dot(EyePos,input.orientVC));
+    EyeDir = vec3<f32>(dot(EyeDir,base1),dot(EyeDir,base2),dot(EyeDir,input.orientVC));
+
+    // scale to radius 1.0
+    EyePos = EyePos * (1.0 / input.radiusVC);
+
+    // find the intersection
+    var a: f32 = EyeDir.x*EyeDir.x + EyeDir.y*EyeDir.y;
+    var b: f32 = 2.0*(EyePos.x*EyeDir.x + EyePos.y*EyeDir.y);
+    var c: f32 = EyePos.x*EyePos.x + EyePos.y*EyePos.y - 1.0;
+    var d: f32 = b*b - 4.0*a*c;
+    var normal: vec3<f32> = vec3<f32>(0.0,0.0,1.0);
+    if (d < 0.0) { discard; }
+    else
+    {
+      var t: f32 = (-b - sqrt(d))*(0.5 / a);
+      var tz: f32 = EyePos.z + t*EyeDir.z;
+      var iPoint: vec3<f32> = EyePos + t*EyeDir;
+      if (abs(iPoint.z)*input.radiusVC > input.lengthVC*0.5)
+      {
+        // test for end cap
+        var t2: f32 = (-b + sqrt(d))*(0.5 / a);
+        var tz2: f32 = EyePos.z + t2*EyeDir.z;
+        if (tz2*input.radiusVC > input.lengthVC*0.5 || tz*input.radiusVC < -0.5*input.lengthVC) { discard; }
+        else
+        {
+          normal = input.orientVC;
+          var t3: f32 = (input.lengthVC*0.5/input.radiusVC - EyePos.z)/EyeDir.z;
+          iPoint = EyePos + t3*EyeDir;
+          vertexVC = vec4<f32>(input.radiusVC*(iPoint.x*base1 + iPoint.y*base2 + iPoint.z*input.orientVC) + input.centerVC, 1.0);
+        }
+      }
+      else
+      {
+        // The normal is the iPoint.xy rotated back into VC
+        normal = iPoint.x*base1 + iPoint.y*base2;
+        // rescale rerotate and translate
+        vertexVC = vec4<f32>(input.radiusVC*(normal + iPoint.z*input.orientVC) + input.centerVC, 1.0);
+      }
+    }
+    // compute the pixel's depth
+    var pos: vec4<f32> = rendererUBO.VCPCMatrix * vertexVC;
+    output.fragDepth = pos.z / pos.w;
+  `;
+    let code = fDesc.getCode();
     code = vtkWebGPUShaderCache.substitute(code, '//VTK::Normal::Impl', [stickFrag]).result;
     fDesc.setCode(code);
   };
-
-  publicAPI.replaceShaderPosition = function (hash, pipeline, vertexInput) {
-    var vDesc = pipeline.getShaderDescription('vertex');
+  publicAPI.replaceShaderPosition = (hash, pipeline, vertexInput) => {
+    const vDesc = pipeline.getShaderDescription('vertex');
     vDesc.addBuiltinOutput('vec4<f32>', '@builtin(position) Position');
-    var code = vDesc.getCode();
+    let code = vDesc.getCode();
     code = vtkWebGPUShaderCache.substitute(code, '//VTK::Position::Impl', ['  output.Position = rendererUBO.VCPCMatrix*vertexVC;']).result;
     vDesc.setCode(code);
-  }; // compute a unique hash for a pipeline, this needs to be unique enough to
+  };
+
+  // compute a unique hash for a pipeline, this needs to be unique enough to
   // capture any pipeline code changes (which includes shader changes)
   // or vertex input changes/ bind groups/ etc
-
-
-  publicAPI.computePipelineHash = function () {
+  publicAPI.computePipelineHash = () => {
     model.pipelineHash = 'stm';
-
-    if (model.vertexInput.hasAttribute("colorVI")) {
-      model.pipelineHash += "c";
+    if (model.vertexInput.hasAttribute(`colorVI`)) {
+      model.pipelineHash += `c`;
     }
-
     model.pipelineHash += model.renderEncoder.getPipelineHash();
   };
-
-  publicAPI.updateBuffers = function () {
-    var poly = model.currentInput;
+  publicAPI.updateBuffers = () => {
+    const poly = model.currentInput;
     model.renderable.mapScalars(poly, 1.0);
-    var device = model.device;
-    var points = poly.getPoints();
-    var pointData = poly.getPointData();
-    var numPoints = points.getNumberOfPoints();
-    var pointArray = points.getData();
+    const device = model.device;
+    const points = poly.getPoints();
+    const pointData = poly.getPointData();
+    const numPoints = points.getNumberOfPoints();
+    const pointArray = points.getData();
     publicAPI.setNumberOfInstances(numPoints);
     publicAPI.setNumberOfVertices(12);
-    var vertexInput = model.vertexInput;
-    var hash = "stm".concat(points.getMTime(), "float32x3");
-
+    const vertexInput = model.vertexInput;
+    let hash = `stm${points.getMTime()}float32x3`;
     if (!device.getBufferManager().hasBuffer(hash)) {
-      var buffRequest = {
-        hash: hash,
+      const buffRequest = {
+        hash,
         usage: BufferUsage.RawVertex,
         format: 'float32x3'
-      }; // xyz v1 v2 v3
-
-      var tmpVBO = new Float32Array(numPoints * 3);
-      var pointIdx = 0;
-      var vboIdx = 0;
-
-      for (var id = 0; id < numPoints; ++id) {
+      };
+      // xyz v1 v2 v3
+      const tmpVBO = new Float32Array(numPoints * 3);
+      let pointIdx = 0;
+      let vboIdx = 0;
+      for (let id = 0; id < numPoints; ++id) {
         pointIdx = id * 3;
         tmpVBO[vboIdx++] = pointArray[pointIdx];
         tmpVBO[vboIdx++] = pointArray[pointIdx + 1];
         tmpVBO[vboIdx++] = pointArray[pointIdx + 2];
       }
-
       buffRequest.nativeArray = tmpVBO;
-      var buff = device.getBufferManager().getBuffer(buffRequest);
+      const buff = device.getBufferManager().getBuffer(buffRequest);
       vertexInput.addBuffer(buff, ['vertexBC'], 'instance');
-    } // compute offset VBO
-
-
-    var scales = null;
+    }
 
+    // compute offset VBO
+    let scales = null;
     if (model.renderable.getScaleArray() != null && pointData.hasArray(model.renderable.getScaleArray())) {
       scales = pointData.getArray(model.renderable.getScaleArray()).getData();
     }
-
-    var defaultRadius = model.renderable.getRadius();
-
+    const defaultRadius = model.renderable.getRadius();
     if (scales || defaultRadius !== model._lastRadius) {
-      hash = "stm".concat(scales ? pointData.getArray(model.renderable.getScaleArray()).getMTime() : defaultRadius, "float32");
-
+      hash = `stm${scales ? pointData.getArray(model.renderable.getScaleArray()).getMTime() : defaultRadius}float32`;
       if (!device.getBufferManager().hasBuffer(hash)) {
-        var _buffRequest = {
-          hash: hash,
+        const buffRequest = {
+          hash,
           usage: BufferUsage.RawVertex,
           format: 'float32'
         };
-
-        var _tmpVBO = new Float32Array(numPoints);
-
-        var _vboIdx = 0;
-
-        for (var _id = 0; _id < numPoints; ++_id) {
-          var radius = model.renderable.getRadius();
-
+        const tmpVBO = new Float32Array(numPoints);
+        let vboIdx = 0;
+        for (let id = 0; id < numPoints; ++id) {
+          let radius = model.renderable.getRadius();
           if (scales) {
-            radius = scales[_id * 2 + 1];
+            radius = scales[id * 2 + 1];
           }
-
-          _tmpVBO[_vboIdx++] = radius;
+          tmpVBO[vboIdx++] = radius;
         }
-
-        _buffRequest.nativeArray = _tmpVBO;
-
-        var _buff = device.getBufferManager().getBuffer(_buffRequest);
-
-        vertexInput.addBuffer(_buff, ['radiusMC'], 'instance');
+        buffRequest.nativeArray = tmpVBO;
+        const buff = device.getBufferManager().getBuffer(buffRequest);
+        vertexInput.addBuffer(buff, ['radiusMC'], 'instance');
       }
-
       model._lastRadius = defaultRadius;
     }
-
-    var orientationArray = null;
-
+    let orientationArray = null;
     if (model.renderable.getOrientationArray() != null && pointData.hasArray(model.renderable.getOrientationArray())) {
       orientationArray = pointData.getArray(model.renderable.getOrientationArray()).getData();
     } else {
       vtkErrorMacro(['Error setting orientationArray.\n', 'You have to specify the stick orientation']);
     }
-
-    hash = "stm".concat(pointData.getArray(model.renderable.getOrientationArray()).getMTime(), "float32x3");
-
+    hash = `stm${pointData.getArray(model.renderable.getOrientationArray()).getMTime()}float32x3`;
     if (!device.getBufferManager().hasBuffer(hash)) {
-      var _buffRequest2 = {
-        hash: hash,
+      const buffRequest = {
+        hash,
         usage: BufferUsage.RawVertex,
         format: 'float32x3'
-      }; // xyz v1 v2 v3
-
-      var _tmpVBO2 = new Float32Array(numPoints * 3);
-
-      var _pointIdx = 0;
-      var _vboIdx2 = 0;
-
-      for (var _id2 = 0; _id2 < numPoints; ++_id2) {
-        _pointIdx = _id2 * 3;
-        var length = model.renderable.getLength();
-
+      };
+      // xyz v1 v2 v3
+      const tmpVBO = new Float32Array(numPoints * 3);
+      let pointIdx = 0;
+      let vboIdx = 0;
+      for (let id = 0; id < numPoints; ++id) {
+        pointIdx = id * 3;
+        let length = model.renderable.getLength();
         if (scales) {
-          length = scales[_id2 * 2];
+          length = scales[id * 2];
         }
-
-        _tmpVBO2[_vboIdx2++] = orientationArray[_pointIdx] * length;
-        _tmpVBO2[_vboIdx2++] = orientationArray[_pointIdx + 1] * length;
-        _tmpVBO2[_vboIdx2++] = orientationArray[_pointIdx + 2] * length;
+        tmpVBO[vboIdx++] = orientationArray[pointIdx] * length;
+        tmpVBO[vboIdx++] = orientationArray[pointIdx + 1] * length;
+        tmpVBO[vboIdx++] = orientationArray[pointIdx + 2] * length;
       }
+      buffRequest.nativeArray = tmpVBO;
+      const buff = device.getBufferManager().getBuffer(buffRequest);
+      vertexInput.addBuffer(buff, ['orientMC'], 'instance');
+    }
 
-      _buffRequest2.nativeArray = _tmpVBO2;
-
-      var _buff2 = device.getBufferManager().getBuffer(_buffRequest2);
-
-      vertexInput.addBuffer(_buff2, ['orientMC'], 'instance');
-    } // deal with colors but only if modified
-
-
-    var haveColors = false;
-
+    // deal with colors but only if modified
+    let haveColors = false;
     if (model.renderable.getScalarVisibility()) {
-      var c = model.renderable.getColorMapColors();
-
+      const c = model.renderable.getColorMapColors();
       if (c) {
-        hash = "stm".concat(c.getMTime(), "unorm8x4");
-
+        hash = `stm${c.getMTime()}unorm8x4`;
         if (!device.getBufferManager().hasBuffer(hash)) {
-          var _buffRequest3 = {
+          const buffRequest = {
             usage: BufferUsage.RawVertex,
             format: 'unorm8x4'
           };
-          var colorComponents = c.getNumberOfComponents();
-
+          const colorComponents = c.getNumberOfComponents();
           if (colorComponents !== 4) {
             vtkErrorMacro('this should be 4');
           }
-
-          var _tmpVBO3 = new Uint8Array(numPoints * 4);
-
-          var _vboIdx3 = 0;
-          var colorData = c.getData();
-
-          for (var _id3 = 0; _id3 < numPoints; ++_id3) {
-            var colorIdx = _id3 * colorComponents;
-            _tmpVBO3[_vboIdx3++] = colorData[colorIdx];
-            _tmpVBO3[_vboIdx3++] = colorData[colorIdx + 1];
-            _tmpVBO3[_vboIdx3++] = colorData[colorIdx + 2];
-            _tmpVBO3[_vboIdx3++] = colorData[colorIdx + 3];
+          const tmpVBO = new Uint8Array(numPoints * 4);
+          let vboIdx = 0;
+          const colorData = c.getData();
+          for (let id = 0; id < numPoints; ++id) {
+            const colorIdx = id * colorComponents;
+            tmpVBO[vboIdx++] = colorData[colorIdx];
+            tmpVBO[vboIdx++] = colorData[colorIdx + 1];
+            tmpVBO[vboIdx++] = colorData[colorIdx + 2];
+            tmpVBO[vboIdx++] = colorData[colorIdx + 3];
           }
-
-          _buffRequest3.nativeArray = _tmpVBO3;
-
-          var _buff3 = device.getBufferManager().getBuffer(_buffRequest3);
-
-          vertexInput.addBuffer(_buff3, ['colorVI'], 'instance');
+          buffRequest.nativeArray = tmpVBO;
+          const buff = device.getBufferManager().getBuffer(buffRequest);
+          vertexInput.addBuffer(buff, ['colorVI'], 'instance');
         }
-
         haveColors = true;
       }
     }
-
     if (!haveColors) {
       vertexInput.removeBufferIfPresent('colorVI');
     }
-
     publicAPI.setTopology('triangle-list');
     publicAPI.updateUBO();
   };
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
 // Object factory
 // ----------------------------------------------------------------------------
 
+const DEFAULT_VALUES = {};
 
-var DEFAULT_VALUES = {}; // ----------------------------------------------------------------------------
+// ----------------------------------------------------------------------------
 
 function extend(publicAPI, model) {
-  var initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  Object.assign(model, DEFAULT_VALUES, initialValues); // Inheritance
+  let initialValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  Object.assign(model, DEFAULT_VALUES, initialValues);
 
+  // Inheritance
   vtkWebGPUCellArrayMapper.extend(publicAPI, model, initialValues);
-  publicAPI.setVertexShaderTemplate(vtkWebGPUStickMapperVS); // Object methods
+  publicAPI.setVertexShaderTemplate(vtkWebGPUStickMapperVS);
 
+  // Object methods
   vtkWebGPUStickMapper(publicAPI, model);
-  var sr = model.shaderReplacements;
+  const sr = model.shaderReplacements;
   sr.set('replaceShaderPosition', publicAPI.replaceShaderPosition);
   sr.set('replaceShaderNormal', publicAPI.replaceShaderNormal);
-} // ----------------------------------------------------------------------------
+}
+
+// ----------------------------------------------------------------------------
+
+const newInstance = newInstance$1(extend, 'vtkWebGPUStickMapper');
 
-var newInstance = newInstance$1(extend, 'vtkWebGPUStickMapper'); // ----------------------------------------------------------------------------
+// ----------------------------------------------------------------------------
 
 var index = {
-  newInstance: newInstance,
-  extend: extend
-}; // Register ourself to WebGPU backend if imported
+  newInstance,
+  extend
+};
 
+// Register ourself to WebGPU backend if imported
 registerOverride('vtkStickMapper', newInstance);
 
 export { index as default, extend, newInstance };