@aics/vole-core 3.15.4 → 3.15.5

package/es/Line3d.js

@@ -1,8 +1,8 @@
 import { Group, Vector3 } from "three";
-import { LineMaterial } from "three/addons/lines/LineMaterial";
-import { MESH_LAYER, OVERLAY_LAYER } from "./ThreeJsPanel";
-import { LineSegments2 } from "three/addons/lines/LineSegments2";
-import { LineSegmentsGeometry } from "three/addons/lines/LineSegmentsGeometry";
+import { LineMaterial } from "three/addons/lines/LineMaterial.js";
+import { MESH_LAYER, OVERLAY_LAYER } from "./ThreeJsPanel.js";
+import { LineSegments2 } from "three/addons/lines/LineSegments2.js";
+import { LineSegmentsGeometry } from "three/addons/lines/LineSegmentsGeometry.js";
 const DEFAULT_VERTEX_BUFFER_SIZE = 1020;
 
 /**

package/es/ThreeJsPanel.js

@@ -48,6 +48,7 @@ export class ThreeJsPanel {
     this.timestepIndicatorElement = document.createElement("div");
     this.showTimestepIndicator = false;
     this.animateFuncs = [];
+    this.postAnimateFuncs = [];
 
     // are we in a constant render loop or not?
     this.inRenderLoop = false;
@@ -572,6 +573,11 @@ export class ThreeJsPanel {
       this.renderer.render(this.axisHelperScene, this.axisCamera);
       this.renderer.autoClear = true;
     }
+    for (let i = 0; i < this.postAnimateFuncs.length; i++) {
+      if (this.postAnimateFuncs[i]) {
+        this.postAnimateFuncs[i](this.renderer, this.camera, this.meshRenderTarget.depthTexture);
+      }
+    }
     if (this.dataurlcallback) {
       this.dataurlcallback(this.canvas.toDataURL());
       this.dataurlcallback = undefined;

package/es/View3d.js

@@ -143,6 +143,7 @@ export class View3d {
     if (this.image) {
       this.canvas3d.removeControlHandlers();
       this.canvas3d.animateFuncs = [];
+      this.canvas3d.postAnimateFuncs = [];
       this.scene.remove(this.image.sceneRoot);
     }
     return this.image;
@@ -344,7 +345,11 @@ export class View3d {
     this.canvas3d.setControlHandlers(this.onStartControls.bind(this), this.onChangeControls.bind(this), this.onEndControls.bind(this));
     this.canvas3d.animateFuncs.push(this.preRender.bind(this));
     this.canvas3d.animateFuncs.push(img.onAnimate.bind(img));
-    this.canvas3d.animateFuncs.push(img.fillPickBuffer.bind(img));
+    // NOTE: `fillPickBuffer` MUST run after render occurs. This is because the
+    // pick buffer needs to access the `meshRenderTarget`'s depth texture, but
+    // during a resize, the texture is disposed of and not recreated until the
+    // next render.
+    this.canvas3d.postAnimateFuncs.push(img.fillPickBuffer.bind(img));
     this.updatePerspectiveScaleBar(img.volume);
     this.updateTimestepIndicator(img.volume);
 

package/es/types/Line3d.d.ts

@@ -1,5 +1,5 @@
 import { Color, Euler, Group, Vector3 } from "three";
-import { IDrawableObject } from "./types";
+import { IDrawableObject } from "./types.js";
 /**
  * Simple wrapper for a 3D line segments object, with controls for vertex data,
  * color, width, and segments visible.

package/es/types/ThreeJsPanel.d.ts

@@ -13,13 +13,15 @@ export type CameraState = {
     /** The scale value for the orthographic camera controls; undefined for perspective cameras. */
     orthoScale?: number;
 };
+type AnimateFunction = (renderer: WebGLRenderer, camera: PerspectiveCamera | OrthographicCamera, depthTexture?: DepthTexture | null) => void;
 export declare class ThreeJsPanel {
     containerdiv: HTMLDivElement;
     private canvas;
     scene: Scene;
     private meshRenderTarget;
     private meshRenderToBuffer;
-    animateFuncs: ((renderer: WebGLRenderer, camera: PerspectiveCamera | OrthographicCamera, depthTexture?: DepthTexture | null) => void)[];
+    animateFuncs: AnimateFunction[];
+    postAnimateFuncs: AnimateFunction[];
     private inRenderLoop;
     private requestedRender;
     hasWebGL2: boolean;
@@ -109,3 +111,4 @@ export declare class ThreeJsPanel {
     setControlHandlers(onstart: EventListener<Event, "start", TrackballControls>, onchange: EventListener<Event, "change", TrackballControls>, onend: EventListener<Event, "end", TrackballControls>): void;
     hitTest(offsetX: number, offsetY: number, pickBuffer: WebGLRenderTarget | undefined): number;
 }
+export {};

package/es/types/loaders/zarr_utils/ChunkPrefetchIterator.d.ts

@@ -1,4 +1,4 @@
-import { PrefetchDirection, TCZYX } from "./types";
+import { PrefetchDirection, TCZYX } from "./types.js";
 type TZYX = [number, number, number, number];
 type PrefetchDirectionState = {
     direction: PrefetchDirection;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aics/vole-core",
-  "version": "3.15.4",
+  "version": "3.15.5",
   "description": "volume renderer for 3d, 4d, or 5d imaging data with OME-Zarr support",
   "main": "es/index.js",
   "type": "module",