@react-three/drei 7.21.0 → 7.21.1

package/core/useDepthBuffer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),t=require("@react-three/fiber"),u=require("./useFBO.cjs.js");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=n(r);exports.useDepthBuffer=function(r=256){const n=t.useThree((e=>e.viewport.dpr)),{width:c,height:i}=t.useThree((e=>e.size)),o=r||c*n,a=r||i*n,f=s.useMemo((()=>{const r=new e.DepthTexture(o,a);return r.format=e.DepthFormat,r.type=e.UnsignedShortType,{depthTexture:r}}),[o,a]),p=u.useFBO(o,a,f);return t.useFrame((e=>{e.gl.setRenderTarget(p),e.gl.render(e.scene,e.camera),e.gl.setRenderTarget(null)})),p.depthTexture};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),t=require("@react-three/fiber"),u=require("./useFBO.cjs.js");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=n(r);exports.useDepthBuffer=function({size:r=256,frames:n=1/0}={}){const c=t.useThree((e=>e.viewport.dpr)),{width:i,height:o}=t.useThree((e=>e.size)),a=r||i*c,f=r||o*c,p=s.useMemo((()=>{const r=new e.DepthTexture(a,f);return r.format=e.DepthFormat,r.type=e.UnsignedShortType,{depthTexture:r}}),[a,f]);let d=0;const h=u.useFBO(a,f,p);return t.useFrame((e=>{(n===1/0||d<n)&&(e.gl.setRenderTarget(h),e.gl.render(e.scene,e.camera),e.gl.setRenderTarget(null),d++)})),h.depthTexture};

package/core/useDepthBuffer.d.ts

@@ -1,3 +1,6 @@
 import { DepthTexture } from 'three';
-declare function useDepthBuffer(size?: number): DepthTexture;
+declare function useDepthBuffer({ size, frames }?: {
+    size?: number;
+    frames?: number;
+}): DepthTexture;
 export { useDepthBuffer };

package/core/useDepthBuffer.js

@@ -3,7 +3,10 @@ import * as React from 'react';
 import { useThree, useFrame } from '@react-three/fiber';
 import { useFBO } from './useFBO.js';
 
-function useDepthBuffer(size = 256) {
+function useDepthBuffer({
+  size = 256,
+  frames = Infinity
+} = {}) {
   const dpr = useThree(state => state.viewport.dpr);
   const {
     width,
@@ -19,11 +22,15 @@ function useDepthBuffer(size = 256) {
       depthTexture
     };
   }, [w, h]);
+  let count = 0;
   const depthFBO = useFBO(w, h, depthConfig);
   useFrame(state => {
-    state.gl.setRenderTarget(depthFBO);
-    state.gl.render(state.scene, state.camera);
-    state.gl.setRenderTarget(null);
+    if (frames === Infinity || count < frames) {
+      state.gl.setRenderTarget(depthFBO);
+      state.gl.render(state.scene, state.camera);
+      state.gl.setRenderTarget(null);
+      count++;
+    }
   });
   return depthFBO.depthTexture;
 }