javascript - 我如何在需要加载器中用同一张幻灯片更新两个切片

Question

我是 Javascript 和 NRRD Loader 的新手，在 nrrd 加载器中我们可以使用 slider 更改切片的索引值

sliceY = volume.extractSlice('y', Math.floor(volume.RASDimensions[1]/2));
scene3.add(sliceY.mesh);

gui.add(sliceY, 'index', 0, volume.RASDimensions[1], 1).name('indexY').onChange(function () {
  sliceY.repaint.call(sliceY);
});

考虑到我需要使用相同的 slider 同时更新 slicesX 的值

sliceX = volume.extractSlice('x', Math.floor(volume.RASDimensions[1]/2));

Answer 1

我使用了 slider.js Javascript，它帮助我使用同一个 slider 移动两个切片

$( function() { 
                  $( "#sliderx" ).slider({
                    min: 0,
                    max: volumeslicex,
                    step: 1,

                    stop: function( event, ui ) {
                        // planexy.material.color.setHex( 0x8d8d8d );
                        // preset = "NULL";
                    },

                    slide: function( event, ui ) {

                      indexX=ui.value;
                      scene1.remove( sliceX.mesh );
                      scene.remove( sliceX1.mesh );
                      sliceChange();

                    }
                  });
                } );
                    function sliceChange(){
                    //alert(indexX);
                    sliceX = volume.extractSlice('x',Math.floor(indexX));
                    sliceX1 = volume.extractSlice('x',Math.floor(indexX));
                    scene1.add( sliceX.mesh );
                    scene.add( sliceX1.mesh );
                    };