@react-three/drei 10.7.7 → 11.0.0-alpha.1

package/core/meshBounds.js

@@ -1,28 +0,0 @@
-import { Matrix4, Ray, Sphere, Vector3 } from 'three';
-
-const _inverseMatrix = /* @__PURE__ */new Matrix4();
-const _ray = /* @__PURE__ */new Ray();
-const _sphere = /* @__PURE__ */new Sphere();
-const _vA = /* @__PURE__ */new Vector3();
-function meshBounds(raycaster, intersects) {
-  const geometry = this.geometry;
-  const material = this.material;
-  const matrixWorld = this.matrixWorld;
-  if (material === undefined) return;
-  // Checking boundingSphere distance to ray
-  if (geometry.boundingSphere === null) geometry.computeBoundingSphere();
-  _sphere.copy(geometry.boundingSphere);
-  _sphere.applyMatrix4(matrixWorld);
-  if (raycaster.ray.intersectsSphere(_sphere) === false) return;
-  _inverseMatrix.copy(matrixWorld).invert();
-  _ray.copy(raycaster.ray).applyMatrix4(_inverseMatrix);
-  // Check boundingBox before continuing
-  if (geometry.boundingBox !== null && _ray.intersectBox(geometry.boundingBox, _vA) === null) return;
-  intersects.push({
-    distance: _vA.distanceTo(raycaster.ray.origin),
-    point: _vA.clone(),
-    object: this
-  });
-}
-
-export { meshBounds };

package/core/shaderMaterial.cjs.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("three"));exports.shaderMaterial=function(e,t,n,i){var s;return(s=class extends r.ShaderMaterial{constructor(s){super({vertexShader:t,fragmentShader:n,...s});for(const t in e)this.uniforms[t]=new r.Uniform(e[t]),Object.defineProperty(this,t,{get(){return this.uniforms[t].value},set(e){this.uniforms[t].value=e}});this.uniforms=r.UniformsUtils.clone(this.uniforms),null==i||i(this)}}).key=r.MathUtils.generateUUID(),s};

package/core/shaderMaterial.d.ts

@@ -1,9 +0,0 @@
-import * as THREE from 'three';
-import { type ConstructorRepresentation } from '@react-three/fiber';
-import { type MeshBVHUniformStruct } from 'three-mesh-bvh';
-type UniformValue = THREE.Texture | THREE.TypedArray | THREE.Matrix4 | THREE.Matrix3 | THREE.Quaternion | THREE.Vector4 | THREE.Vector3 | THREE.Vector2 | THREE.Color | MeshBVHUniformStruct | number | boolean | null;
-type Uniforms = Record<string, UniformValue | Record<string, UniformValue> | Array<UniformValue>>;
-export declare function shaderMaterial<U extends Uniforms, M extends THREE.ShaderMaterial & U>(uniforms: U, vertexShader: string, fragmentShader: string, onInit?: (material?: M) => void): ConstructorRepresentation<M> & {
-    key: string;
-};
-export {};

package/core/shaderMaterial.js

@@ -1,29 +0,0 @@
-import * as THREE from 'three';
-
-function shaderMaterial(uniforms, vertexShader, fragmentShader, onInit) {
-  var _Class;
-  return _Class = class extends THREE.ShaderMaterial {
-    constructor(parameters) {
-      super({
-        vertexShader,
-        fragmentShader,
-        ...parameters
-      });
-      for (const key in uniforms) {
-        this.uniforms[key] = new THREE.Uniform(uniforms[key]);
-        Object.defineProperty(this, key, {
-          get() {
-            return this.uniforms[key].value;
-          },
-          set(value) {
-            this.uniforms[key].value = value;
-          }
-        });
-      }
-      this.uniforms = THREE.UniformsUtils.clone(this.uniforms);
-      onInit == null || onInit(this);
-    }
-  }, _Class.key = THREE.MathUtils.generateUUID(), _Class;
-}
-
-export { shaderMaterial };

package/core/shapes.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=o(e),u=n(t),a=n(r);function c(e,t){const r=e+"Geometry";return u.forwardRef((({args:e,children:o,...n},a)=>{const c=u.useRef(null);return u.useImperativeHandle(a,(()=>c.current)),u.useLayoutEffect((()=>{null==t||t(c.current)})),u.createElement("mesh",s.default({ref:c},n),u.createElement(r,{attach:"geometry",args:e}),o)}))}const p=c("box"),l=c("circle"),i=c("cone"),d=c("cylinder"),f=c("sphere"),x=c("plane"),h=c("tube"),b=c("torus"),y=c("torusKnot"),g=c("tetrahedron"),m=c("ring"),O=c("polyhedron"),j=c("icosahedron"),v=c("octahedron"),w=c("dodecahedron"),E=c("extrude"),P=c("lathe"),B=c("capsule"),C=c("shape",(({geometry:e})=>{const t=e.attributes.position,r=(new a.Box3).setFromBufferAttribute(t),o=new a.Vector3;r.getSize(o);const n=[];let s=0,u=0,c=0,p=0;for(let e=0;e<t.count;e++)s=t.getX(e),u=t.getY(e),c=(s-r.min.x)/o.x,p=(u-r.min.y)/o.y,n.push(c,p);e.setAttribute("uv",new a.Float32BufferAttribute(n,2))}));exports.Box=p,exports.Capsule=B,exports.Circle=l,exports.Cone=i,exports.Cylinder=d,exports.Dodecahedron=w,exports.Extrude=E,exports.Icosahedron=j,exports.Lathe=P,exports.Octahedron=v,exports.Plane=x,exports.Polyhedron=O,exports.Ring=m,exports.Shape=C,exports.Sphere=f,exports.Tetrahedron=g,exports.Torus=b,exports.TorusKnot=y,exports.Tube=h;

package/core/shapes.d.ts

@@ -1,26 +0,0 @@
-import * as THREE from 'three';
-import { ForwardRefComponent } from '../helpers/ts-utils';
-import { ThreeElements } from '@react-three/fiber';
-export type Args<T> = T extends new (...args: any) => any ? ConstructorParameters<T> : T;
-export type ShapeProps<T> = Omit<ThreeElements['mesh'], 'ref' | 'args'> & {
-    args?: Args<T>;
-};
-export declare const Box: ForwardRefComponent<ShapeProps<typeof THREE.BoxGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Circle: ForwardRefComponent<ShapeProps<typeof THREE.CircleGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Cone: ForwardRefComponent<ShapeProps<typeof THREE.ConeGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Cylinder: ForwardRefComponent<ShapeProps<typeof THREE.CylinderGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Sphere: ForwardRefComponent<ShapeProps<typeof THREE.SphereGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Plane: ForwardRefComponent<ShapeProps<typeof THREE.PlaneGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Tube: ForwardRefComponent<ShapeProps<typeof THREE.TubeGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Torus: ForwardRefComponent<ShapeProps<typeof THREE.TorusGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const TorusKnot: ForwardRefComponent<ShapeProps<typeof THREE.TorusKnotGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Tetrahedron: ForwardRefComponent<ShapeProps<typeof THREE.TetrahedronGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Ring: ForwardRefComponent<ShapeProps<typeof THREE.RingGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Polyhedron: ForwardRefComponent<ShapeProps<typeof THREE.PolyhedronGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Icosahedron: ForwardRefComponent<ShapeProps<typeof THREE.IcosahedronGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Octahedron: ForwardRefComponent<ShapeProps<typeof THREE.OctahedronGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Dodecahedron: ForwardRefComponent<ShapeProps<typeof THREE.DodecahedronGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Extrude: ForwardRefComponent<ShapeProps<typeof THREE.ExtrudeGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Lathe: ForwardRefComponent<ShapeProps<typeof THREE.LatheGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Capsule: ForwardRefComponent<ShapeProps<typeof THREE.CapsuleGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;
-export declare const Shape: ForwardRefComponent<ShapeProps<typeof THREE.ShapeGeometry>, THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>>;

package/core/shapes.js

@@ -1,65 +0,0 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import * as React from 'react';
-import * as THREE from 'three';
-
-function create(type, effect) {
-  const El = type + 'Geometry';
-  return /*#__PURE__*/React.forwardRef(({
-    args,
-    children,
-    ...props
-  }, fref) => {
-    const ref = React.useRef(null);
-    React.useImperativeHandle(fref, () => ref.current);
-    React.useLayoutEffect(() => void (effect == null ? void 0 : effect(ref.current)));
-    return /*#__PURE__*/React.createElement("mesh", _extends({
-      ref: ref
-    }, props), /*#__PURE__*/React.createElement(El, {
-      attach: "geometry",
-      args: args
-    }), children);
-  });
-}
-const Box = /* @__PURE__ */create('box');
-const Circle = /* @__PURE__ */create('circle');
-const Cone = /* @__PURE__ */create('cone');
-const Cylinder = /* @__PURE__ */create('cylinder');
-const Sphere = /* @__PURE__ */create('sphere');
-const Plane = /* @__PURE__ */create('plane');
-const Tube = /* @__PURE__ */create('tube');
-const Torus = /* @__PURE__ */create('torus');
-const TorusKnot = /* @__PURE__ */create('torusKnot');
-const Tetrahedron = /* @__PURE__ */create('tetrahedron');
-const Ring = /* @__PURE__ */create('ring');
-const Polyhedron = /* @__PURE__ */create('polyhedron');
-const Icosahedron = /* @__PURE__ */create('icosahedron');
-const Octahedron = /* @__PURE__ */create('octahedron');
-const Dodecahedron = /* @__PURE__ */create('dodecahedron');
-const Extrude = /* @__PURE__ */create('extrude');
-const Lathe = /* @__PURE__ */create('lathe');
-const Capsule = /* @__PURE__ */create('capsule');
-const Shape = /* @__PURE__ */create('shape', ({
-  geometry
-}) => {
-  // Calculate UVs (by https://discourse.threejs.org/u/prisoner849)
-  // https://discourse.threejs.org/t/custom-shape-in-image-not-working/49348/10
-  const pos = geometry.attributes.position;
-  const b3 = new THREE.Box3().setFromBufferAttribute(pos);
-  const b3size = new THREE.Vector3();
-  b3.getSize(b3size);
-  const uv = [];
-  let x = 0,
-    y = 0,
-    u = 0,
-    v = 0;
-  for (let i = 0; i < pos.count; i++) {
-    x = pos.getX(i);
-    y = pos.getY(i);
-    u = (x - b3.min.x) / b3size.x;
-    v = (y - b3.min.y) / b3size.y;
-    uv.push(u, v);
-  }
-  geometry.setAttribute('uv', new THREE.Float32BufferAttribute(uv, 2));
-});
-
-export { Box, Capsule, Circle, Cone, Cylinder, Dodecahedron, Extrude, Icosahedron, Lathe, Octahedron, Plane, Polyhedron, Ring, Shape, Sphere, Tetrahedron, Torus, TorusKnot, Tube };

package/core/softShadows.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("three"),a=require("@react-three/fiber");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),n.default=e,Object.freeze(n)}var r=t(e),o=t(n);function l(e,n,a){n.traverse((n=>{n.material&&(e.properties.remove(n.material),null==n.material.dispose||n.material.dispose())})),e.info.programs.length=0,e.compile(n,a)}exports.SoftShadows=function({focus:e=0,samples:n=10,size:t=25}){const s=a.useThree((e=>e.gl)),i=a.useThree((e=>e.scene)),u=a.useThree((e=>e.camera));return r.useEffect((()=>{const a=o.ShaderChunk.shadowmap_pars_fragment;return o.ShaderChunk.shadowmap_pars_fragment=o.ShaderChunk.shadowmap_pars_fragment.replace("#ifdef USE_SHADOWMAP","#ifdef USE_SHADOWMAP\n"+(({focus:e=0,size:n=25,samples:a=10}={})=>`\n#define PENUMBRA_FILTER_SIZE float(${n})\n#define RGB_NOISE_FUNCTION(uv) (randRGB(uv))\nvec3 randRGB(vec2 uv) {\n  return vec3(\n    fract(sin(dot(uv, vec2(12.75613, 38.12123))) * 13234.76575),\n    fract(sin(dot(uv, vec2(19.45531, 58.46547))) * 43678.23431),\n    fract(sin(dot(uv, vec2(23.67817, 78.23121))) * 93567.23423)\n  );\n}\n\nvec3 lowPassRandRGB(vec2 uv) {\n  // 3x3 convolution (average)\n  // can be implemented as separable with an extra buffer for a total of 6 samples instead of 9\n  vec3 result = vec3(0);\n  result += RGB_NOISE_FUNCTION(uv + vec2(-1.0, -1.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2(-1.0,  0.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2(-1.0, +1.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2( 0.0, -1.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2( 0.0,  0.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2( 0.0, +1.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2(+1.0, -1.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2(+1.0,  0.0));\n  result += RGB_NOISE_FUNCTION(uv + vec2(+1.0, +1.0));\n  result *= 0.111111111; // 1.0 / 9.0\n  return result;\n}\nvec3 highPassRandRGB(vec2 uv) {\n  // by subtracting the low-pass signal from the original signal, we're being left with the high-pass signal\n  // hp(x) = x - lp(x)\n  return RGB_NOISE_FUNCTION(uv) - lowPassRandRGB(uv) + 0.5;\n}\n\n\nvec2 vogelDiskSample(int sampleIndex, int sampleCount, float angle) {\n  const float goldenAngle = 2.399963f; // radians\n  float r = sqrt(float(sampleIndex) + 0.5f) / sqrt(float(sampleCount));\n  float theta = float(sampleIndex) * goldenAngle + angle;\n  float sine = sin(theta);\n  float cosine = cos(theta);\n  return vec2(cosine, sine) * r;\n}\nfloat penumbraSize( const in float zReceiver, const in float zBlocker ) { // Parallel plane estimation\n  return (zReceiver - zBlocker) / zBlocker;\n}\nfloat findBlocker(sampler2D shadowMap, vec2 uv, float compare, float angle) {\n  float texelSize = 1.0 / float(textureSize(shadowMap, 0).x);\n  float blockerDepthSum = float(${e});\n  float blockers = 0.0;\n\n  int j = 0;\n  vec2 offset = vec2(0.);\n  float depth = 0.;\n\n  #pragma unroll_loop_start\n  for(int i = 0; i < ${a}; i ++) {\n    offset = (vogelDiskSample(j, ${a}, angle) * texelSize) * 2.0 * PENUMBRA_FILTER_SIZE;\n    depth = unpackRGBAToDepth( texture2D( shadowMap, uv + offset));\n    if (depth < compare) {\n      blockerDepthSum += depth;\n      blockers++;\n    }\n    j++;\n  }\n  #pragma unroll_loop_end\n\n  if (blockers > 0.0) {\n    return blockerDepthSum / blockers;\n  }\n  return -1.0;\n}\n\n        \nfloat vogelFilter(sampler2D shadowMap, vec2 uv, float zReceiver, float filterRadius, float angle) {\n  float texelSize = 1.0 / float(textureSize(shadowMap, 0).x);\n  float shadow = 0.0f;\n  int j = 0;\n  vec2 vogelSample = vec2(0.0);\n  vec2 offset = vec2(0.0);\n  #pragma unroll_loop_start\n  for (int i = 0; i < ${a}; i++) {\n    vogelSample = vogelDiskSample(j, ${a}, angle) * texelSize;\n    offset = vogelSample * (1.0 + filterRadius * float(${n}));\n    shadow += step( zReceiver, unpackRGBAToDepth( texture2D( shadowMap, uv + offset ) ) );\n    j++;\n  }\n  #pragma unroll_loop_end\n  return shadow * 1.0 / ${a}.0;\n}\n\nfloat PCSS (sampler2D shadowMap, vec4 coords) {\n  vec2 uv = coords.xy;\n  float zReceiver = coords.z; // Assumed to be eye-space z in this code\n  float angle = highPassRandRGB(gl_FragCoord.xy).r * PI2;\n  float avgBlockerDepth = findBlocker(shadowMap, uv, zReceiver, angle);\n  if (avgBlockerDepth == -1.0) {\n    return 1.0;\n  }\n  float penumbraRatio = penumbraSize(zReceiver, avgBlockerDepth);\n  return vogelFilter(shadowMap, uv, zReceiver, 1.25 * penumbraRatio, angle);\n}`)({size:t,samples:n,focus:e})).replace("#if defined( SHADOWMAP_TYPE_PCF )","\nreturn PCSS(shadowMap, shadowCoord);\n#if defined( SHADOWMAP_TYPE_PCF )"),l(s,i,u),()=>{o.ShaderChunk.shadowmap_pars_fragment=a,l(s,i,u)}}),[e,t,n]),null};

package/core/softShadows.d.ts

@@ -1,6 +0,0 @@
-export type SoftShadowsProps = {
-    size?: number;
-    samples?: number;
-    focus?: number;
-};
-export declare function SoftShadows({ focus, samples, size }: SoftShadowsProps): null;

package/core/softShadows.js

@@ -1,158 +0,0 @@
-import * as React from 'react';
-import * as THREE from 'three';
-import { useThree } from '@react-three/fiber';
-
-/*  Integration and compilation: @N8Programs
-    Inspired by:
-     https://github.com/mrdoob/three.js/blob/dev/examples/webgl_shadowmap_pcss.html
-     https://developer.nvidia.com/gpugems/gpugems2/part-ii-shading-lighting-and-shadows/chapter-17-efficient-soft-edged-shadows-using
-     https://developer.download.nvidia.com/whitepapers/2008/PCSS_Integration.pdf
-     https://github.com/mrdoob/three.js/blob/master/examples/webgl_shadowmap_pcss.html [spidersharma03]
-     https://spline.design/
-   Concept:
-     https://www.gamedev.net/tutorials/programming/graphics/contact-hardening-soft-shadows-made-fast-r4906/
-   Vogel Disk Implementation:
-     https://www.shadertoy.com/view/4l3yRM [ashalah]
-   High-Frequency Noise Implementation:
-     https://www.shadertoy.com/view/tt3fDH [spawner64]
-*/
-const pcss = ({
-  focus = 0,
-  size = 25,
-  samples = 10
-} = {}) => `
-#define PENUMBRA_FILTER_SIZE float(${size})
-#define RGB_NOISE_FUNCTION(uv) (randRGB(uv))
-vec3 randRGB(vec2 uv) {
-  return vec3(
-    fract(sin(dot(uv, vec2(12.75613, 38.12123))) * 13234.76575),
-    fract(sin(dot(uv, vec2(19.45531, 58.46547))) * 43678.23431),
-    fract(sin(dot(uv, vec2(23.67817, 78.23121))) * 93567.23423)
-  );
-}
-
-vec3 lowPassRandRGB(vec2 uv) {
-  // 3x3 convolution (average)
-  // can be implemented as separable with an extra buffer for a total of 6 samples instead of 9
-  vec3 result = vec3(0);
-  result += RGB_NOISE_FUNCTION(uv + vec2(-1.0, -1.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2(-1.0,  0.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2(-1.0, +1.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2( 0.0, -1.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2( 0.0,  0.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2( 0.0, +1.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2(+1.0, -1.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2(+1.0,  0.0));
-  result += RGB_NOISE_FUNCTION(uv + vec2(+1.0, +1.0));
-  result *= 0.111111111; // 1.0 / 9.0
-  return result;
-}
-vec3 highPassRandRGB(vec2 uv) {
-  // by subtracting the low-pass signal from the original signal, we're being left with the high-pass signal
-  // hp(x) = x - lp(x)
-  return RGB_NOISE_FUNCTION(uv) - lowPassRandRGB(uv) + 0.5;
-}
-
-
-vec2 vogelDiskSample(int sampleIndex, int sampleCount, float angle) {
-  const float goldenAngle = 2.399963f; // radians
-  float r = sqrt(float(sampleIndex) + 0.5f) / sqrt(float(sampleCount));
-  float theta = float(sampleIndex) * goldenAngle + angle;
-  float sine = sin(theta);
-  float cosine = cos(theta);
-  return vec2(cosine, sine) * r;
-}
-float penumbraSize( const in float zReceiver, const in float zBlocker ) { // Parallel plane estimation
-  return (zReceiver - zBlocker) / zBlocker;
-}
-float findBlocker(sampler2D shadowMap, vec2 uv, float compare, float angle) {
-  float texelSize = 1.0 / float(textureSize(shadowMap, 0).x);
-  float blockerDepthSum = float(${focus});
-  float blockers = 0.0;
-
-  int j = 0;
-  vec2 offset = vec2(0.);
-  float depth = 0.;
-
-  #pragma unroll_loop_start
-  for(int i = 0; i < ${samples}; i ++) {
-    offset = (vogelDiskSample(j, ${samples}, angle) * texelSize) * 2.0 * PENUMBRA_FILTER_SIZE;
-    depth = unpackRGBAToDepth( texture2D( shadowMap, uv + offset));
-    if (depth < compare) {
-      blockerDepthSum += depth;
-      blockers++;
-    }
-    j++;
-  }
-  #pragma unroll_loop_end
-
-  if (blockers > 0.0) {
-    return blockerDepthSum / blockers;
-  }
-  return -1.0;
-}
-
-        
-float vogelFilter(sampler2D shadowMap, vec2 uv, float zReceiver, float filterRadius, float angle) {
-  float texelSize = 1.0 / float(textureSize(shadowMap, 0).x);
-  float shadow = 0.0f;
-  int j = 0;
-  vec2 vogelSample = vec2(0.0);
-  vec2 offset = vec2(0.0);
-  #pragma unroll_loop_start
-  for (int i = 0; i < ${samples}; i++) {
-    vogelSample = vogelDiskSample(j, ${samples}, angle) * texelSize;
-    offset = vogelSample * (1.0 + filterRadius * float(${size}));
-    shadow += step( zReceiver, unpackRGBAToDepth( texture2D( shadowMap, uv + offset ) ) );
-    j++;
-  }
-  #pragma unroll_loop_end
-  return shadow * 1.0 / ${samples}.0;
-}
-
-float PCSS (sampler2D shadowMap, vec4 coords) {
-  vec2 uv = coords.xy;
-  float zReceiver = coords.z; // Assumed to be eye-space z in this code
-  float angle = highPassRandRGB(gl_FragCoord.xy).r * PI2;
-  float avgBlockerDepth = findBlocker(shadowMap, uv, zReceiver, angle);
-  if (avgBlockerDepth == -1.0) {
-    return 1.0;
-  }
-  float penumbraRatio = penumbraSize(zReceiver, avgBlockerDepth);
-  return vogelFilter(shadowMap, uv, zReceiver, 1.25 * penumbraRatio, angle);
-}`;
-function reset(gl, scene, camera) {
-  scene.traverse(object => {
-    if (object.material) {
-      gl.properties.remove(object.material);
-      object.material.dispose == null || object.material.dispose();
-    }
-  });
-  gl.info.programs.length = 0;
-  gl.compile(scene, camera);
-}
-function SoftShadows({
-  focus = 0,
-  samples = 10,
-  size = 25
-}) {
-  const gl = useThree(state => state.gl);
-  const scene = useThree(state => state.scene);
-  const camera = useThree(state => state.camera);
-  React.useEffect(() => {
-    const original = THREE.ShaderChunk.shadowmap_pars_fragment;
-    THREE.ShaderChunk.shadowmap_pars_fragment = THREE.ShaderChunk.shadowmap_pars_fragment.replace('#ifdef USE_SHADOWMAP', '#ifdef USE_SHADOWMAP\n' + pcss({
-      size,
-      samples,
-      focus
-    })).replace('#if defined( SHADOWMAP_TYPE_PCF )', '\nreturn PCSS(shadowMap, shadowCoord);\n#if defined( SHADOWMAP_TYPE_PCF )');
-    reset(gl, scene, camera);
-    return () => {
-      THREE.ShaderChunk.shadowmap_pars_fragment = original;
-      reset(gl, scene, camera);
-    };
-  }, [focus, size, samples]);
-  return null;
-}
-
-export { SoftShadows };

package/core/useAnimations.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("three"),t=require("@react-three/fiber");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 n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=n(e);exports.useAnimations=function(e,n){const u=c.useRef(null),[o]=c.useState((()=>n?n instanceof r.Object3D?{current:n}:n:u)),[a]=c.useState((()=>new r.AnimationMixer(void 0)));c.useLayoutEffect((()=>{n&&(o.current=n instanceof r.Object3D?n:n.current),a._root=o.current}));const i=c.useRef({}),s=c.useMemo((()=>{const r={};return e.forEach((e=>Object.defineProperty(r,e.name,{enumerable:!0,get(){if(o.current)return i.current[e.name]||(i.current[e.name]=a.clipAction(e,o.current))},configurable:!0}))),{ref:o,clips:e,actions:r,names:e.map((e=>e.name)),mixer:a}}),[e]);return t.useFrame(((e,r)=>a.update(r))),c.useEffect((()=>{const e=o.current;return()=>{i.current={},a.stopAllAction(),Object.values(s.actions).forEach((r=>{e&&a.uncacheAction(r,e)}))}}),[e]),s};

package/core/useAnimations.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { Object3D, AnimationClip, AnimationAction, AnimationMixer } from 'three';
-type Api<T extends AnimationClip> = {
-    ref: React.RefObject<Object3D | undefined | null>;
-    clips: AnimationClip[];
-    mixer: AnimationMixer;
-    names: T['name'][];
-    actions: {
-        [key in T['name']]: AnimationAction | null;
-    };
-};
-export declare function useAnimations<T extends AnimationClip>(clips: T[], root?: React.RefObject<Object3D | undefined | null> | Object3D): Api<T>;
-export {};

package/core/useAnimations.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { Object3D, AnimationMixer } from 'three';
-import { useFrame } from '@react-three/fiber';
-
-function useAnimations(clips, root) {
-  const ref = React.useRef(null);
-  const [actualRef] = React.useState(() => root ? root instanceof Object3D ? {
-    current: root
-  } : root : ref);
-  const [mixer] = React.useState(() => new AnimationMixer(undefined));
-  React.useLayoutEffect(() => {
-    if (root) actualRef.current = root instanceof Object3D ? root : root.current;
-    mixer._root = actualRef.current;
-  });
-  const lazyActions = React.useRef({});
-  const api = React.useMemo(() => {
-    const actions = {};
-    clips.forEach(clip => Object.defineProperty(actions, clip.name, {
-      enumerable: true,
-      get() {
-        if (actualRef.current) {
-          return lazyActions.current[clip.name] || (lazyActions.current[clip.name] = mixer.clipAction(clip, actualRef.current));
-        }
-      },
-      configurable: true
-    }));
-    return {
-      ref: actualRef,
-      clips,
-      actions,
-      names: clips.map(c => c.name),
-      mixer
-    };
-  }, [clips]);
-  useFrame((state, delta) => mixer.update(delta));
-  React.useEffect(() => {
-    const currentRoot = actualRef.current;
-    return () => {
-      // Clean up only when clips change, wipe out lazy actions and uncache clips
-      lazyActions.current = {};
-      mixer.stopAllAction();
-      Object.values(api.actions).forEach(action => {
-        if (currentRoot) {
-          mixer.uncacheAction(action, currentRoot);
-        }
-      });
-    };
-  }, [clips]);
-  return api;
-}
-
-export { useAnimations };

package/core/useAspect.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@react-three/fiber");exports.useAspect=function(t,r,s=1){const i=e.useThree((e=>e.viewport)),c=r*(i.aspect>t/r?i.width/t:i.height/r);return[t*(i.aspect>t/r?i.width/t:i.height/r)*s,c*s,1]};

package/core/useAspect.d.ts

@@ -1 +0,0 @@
-export declare function useAspect(width: number, height: number, factor?: number): [number, number, number];

package/core/useAspect.js

@@ -1,10 +0,0 @@
-import { useThree } from '@react-three/fiber';
-
-function useAspect(width, height, factor = 1) {
-  const v = useThree(state => state.viewport);
-  const adaptedHeight = height * (v.aspect > width / height ? v.width / width : v.height / height);
-  const adaptedWidth = width * (v.aspect > width / height ? v.width / width : v.height / height);
-  return [adaptedWidth * factor, adaptedHeight * factor, 1];
-}
-
-export { useAspect };

package/core/useBoxProjectedEnv.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),n=require("@react-three/fiber");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var o=i(e),t=i(r);exports.useBoxProjectedEnv=function(e=new o.Vector3,r=new o.Vector3){const[i]=t.useState((()=>({position:new o.Vector3,size:new o.Vector3})));n.applyProps(i,{position:e,size:r});const a=t.useRef(null),c=t.useMemo((()=>({ref:a,onBeforeCompile:e=>function(e,r,n){e.defines.BOX_PROJECTED_ENV_MAP=!0,e.uniforms.envMapPosition={value:r},e.uniforms.envMapSize={value:n},e.vertexShader=`\n  varying vec3 vWorldPosition;\n  ${e.vertexShader.replace("#include <worldpos_vertex>","\n#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )\n  vec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );\n  #ifdef BOX_PROJECTED_ENV_MAP\n    vWorldPosition = worldPosition.xyz;\n  #endif\n#endif\n")}`,e.fragmentShader=`\n    \n#ifdef BOX_PROJECTED_ENV_MAP\n  uniform vec3 envMapSize;\n  uniform vec3 envMapPosition;\n  varying vec3 vWorldPosition;\n    \n  vec3 parallaxCorrectNormal( vec3 v, vec3 cubeSize, vec3 cubePos ) {\n    vec3 nDir = normalize( v );\n    vec3 rbmax = ( .5 * cubeSize + cubePos - vWorldPosition ) / nDir;\n    vec3 rbmin = ( -.5 * cubeSize + cubePos - vWorldPosition ) / nDir;\n    vec3 rbminmax;\n    rbminmax.x = ( nDir.x > 0. ) ? rbmax.x : rbmin.x;\n    rbminmax.y = ( nDir.y > 0. ) ? rbmax.y : rbmin.y;\n    rbminmax.z = ( nDir.z > 0. ) ? rbmax.z : rbmin.z;\n    float correction = min( min( rbminmax.x, rbminmax.y ), rbminmax.z );\n    vec3 boxIntersection = vWorldPosition + nDir * correction;    \n    return boxIntersection - cubePos;\n  }\n#endif\n\n    ${e.fragmentShader.replace("#include <envmap_physical_pars_fragment>",o.ShaderChunk.envmap_physical_pars_fragment).replace("vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );","vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );\n         \n#ifdef BOX_PROJECTED_ENV_MAP\n  worldNormal = parallaxCorrectNormal( worldNormal, envMapSize, envMapPosition );\n#endif\n\n         ").replace("reflectVec = inverseTransformDirection( reflectVec, viewMatrix );","reflectVec = inverseTransformDirection( reflectVec, viewMatrix );\n         \n#ifdef BOX_PROJECTED_ENV_MAP\n  reflectVec = parallaxCorrectNormal( reflectVec, envMapSize, envMapPosition );\n#endif\n\n        ")}`}(e,i.position,i.size),customProgramCacheKey:()=>JSON.stringify(i.position.toArray())+JSON.stringify(i.size.toArray())})),[...i.position.toArray(),...i.size.toArray()]);return t.useLayoutEffect((()=>{a.current.needsUpdate=!0}),[i]),c};

package/core/useBoxProjectedEnv.d.ts

@@ -1,19 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import { ReactThreeFiber } from '@react-three/fiber';
-interface MaterialShader {
-    vertexShader: string;
-    fragmentShader: string;
-    defines: {
-        [define: string]: string | number | boolean;
-    } | undefined;
-    uniforms: {
-        [uniform: string]: THREE.IUniform;
-    };
-}
-export declare function useBoxProjectedEnv(position?: ReactThreeFiber.Vector3, size?: ReactThreeFiber.Vector3): {
-    ref: React.RefObject<THREE.Material>;
-    onBeforeCompile: (shader: MaterialShader) => void;
-    customProgramCacheKey: () => string;
-};
-export {};

package/core/useBoxProjectedEnv.js

@@ -1,95 +0,0 @@
-import * as THREE from 'three';
-import * as React from 'react';
-import { applyProps } from '@react-three/fiber';
-
-// credits for the box-projecting shader code go to codercat (https://codercat.tk)
-// and @0beqz https://gist.github.com/0beqz/8d51b4ae16d68021a09fb504af708fca
-
-const worldposReplace = /* glsl */`
-#if defined( USE_ENVMAP ) || defined( DISTANCE ) || defined ( USE_SHADOWMAP )
-  vec4 worldPosition = modelMatrix * vec4( transformed, 1.0 );
-  #ifdef BOX_PROJECTED_ENV_MAP
-    vWorldPosition = worldPosition.xyz;
-  #endif
-#endif
-`;
-const boxProjectDefinitions = /*glsl */`
-#ifdef BOX_PROJECTED_ENV_MAP
-  uniform vec3 envMapSize;
-  uniform vec3 envMapPosition;
-  varying vec3 vWorldPosition;
-    
-  vec3 parallaxCorrectNormal( vec3 v, vec3 cubeSize, vec3 cubePos ) {
-    vec3 nDir = normalize( v );
-    vec3 rbmax = ( .5 * cubeSize + cubePos - vWorldPosition ) / nDir;
-    vec3 rbmin = ( -.5 * cubeSize + cubePos - vWorldPosition ) / nDir;
-    vec3 rbminmax;
-    rbminmax.x = ( nDir.x > 0. ) ? rbmax.x : rbmin.x;
-    rbminmax.y = ( nDir.y > 0. ) ? rbmax.y : rbmin.y;
-    rbminmax.z = ( nDir.z > 0. ) ? rbmax.z : rbmin.z;
-    float correction = min( min( rbminmax.x, rbminmax.y ), rbminmax.z );
-    vec3 boxIntersection = vWorldPosition + nDir * correction;    
-    return boxIntersection - cubePos;
-  }
-#endif
-`;
-
-// will be inserted after "vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );"
-const getIBLIrradiance_patch = /* glsl */`
-#ifdef BOX_PROJECTED_ENV_MAP
-  worldNormal = parallaxCorrectNormal( worldNormal, envMapSize, envMapPosition );
-#endif
-`;
-
-// will be inserted after "reflectVec = inverseTransformDirection( reflectVec, viewMatrix );"
-const getIBLRadiance_patch = /* glsl */`
-#ifdef BOX_PROJECTED_ENV_MAP
-  reflectVec = parallaxCorrectNormal( reflectVec, envMapSize, envMapPosition );
-#endif
-`;
-
-// FIXME Replace with `THREE.WebGLProgramParametersWithUniforms` type when able to target @types/three@0.160.0
-
-function boxProjectedEnvMap(shader, envMapPosition, envMapSize) {
-  // defines
-  shader.defines.BOX_PROJECTED_ENV_MAP = true;
-  // uniforms
-  shader.uniforms.envMapPosition = {
-    value: envMapPosition
-  };
-  shader.uniforms.envMapSize = {
-    value: envMapSize
-  };
-  // vertex shader
-  shader.vertexShader = `
-  varying vec3 vWorldPosition;
-  ${shader.vertexShader.replace('#include <worldpos_vertex>', worldposReplace)}`;
-  // fragment shader
-  shader.fragmentShader = `
-    ${boxProjectDefinitions}
-    ${shader.fragmentShader.replace('#include <envmap_physical_pars_fragment>', THREE.ShaderChunk.envmap_physical_pars_fragment).replace('vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );', `vec3 worldNormal = inverseTransformDirection( normal, viewMatrix );
-         ${getIBLIrradiance_patch}
-         `).replace('reflectVec = inverseTransformDirection( reflectVec, viewMatrix );', `reflectVec = inverseTransformDirection( reflectVec, viewMatrix );
-         ${getIBLRadiance_patch}
-        `)}`;
-}
-function useBoxProjectedEnv(position = new THREE.Vector3(), size = new THREE.Vector3()) {
-  const [config] = React.useState(() => ({
-    position: new THREE.Vector3(),
-    size: new THREE.Vector3()
-  }));
-  applyProps(config, {
-    position,
-    size
-  });
-  const ref = React.useRef(null);
-  const spread = React.useMemo(() => ({
-    ref,
-    onBeforeCompile: shader => boxProjectedEnvMap(shader, config.position, config.size),
-    customProgramCacheKey: () => JSON.stringify(config.position.toArray()) + JSON.stringify(config.size.toArray())
-  }), [...config.position.toArray(), ...config.size.toArray()]);
-  React.useLayoutEffect(() => void (ref.current.needsUpdate = true), [config]);
-  return spread;
-}
-
-export { useBoxProjectedEnv };

package/core/useCamera.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("three"),t=require("@react-three/fiber");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 n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=n(e);exports.useCamera=function(e,n){const u=t.useThree((e=>e.pointer)),[a]=c.useState((()=>{const c=new r.Raycaster;return n&&t.applyProps(c,n),function(t,n){c.setFromCamera(u,e instanceof r.Camera?e:e.current);const a=this.constructor.prototype.raycast.bind(this);a&&a(c,n)}}));return a};

package/core/useCamera.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { Raycaster, Camera, Intersection } from 'three';
-export declare function useCamera(camera: Camera | React.RefObject<Camera>, props?: Partial<Raycaster>): (_: Raycaster, intersects: Intersection[]) => void;

package/core/useCamera.js

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { Raycaster, Camera } from 'three';
-import { useThree, applyProps } from '@react-three/fiber';
-
-function useCamera(camera, props) {
-  const pointer = useThree(state => state.pointer);
-  const [raycast] = React.useState(() => {
-    const raycaster = new Raycaster();
-    if (props) applyProps(raycaster, props);
-    return function (_, intersects) {
-      raycaster.setFromCamera(pointer, camera instanceof Camera ? camera : camera.current);
-      const rc = this.constructor.prototype.raycast.bind(this);
-      if (rc) rc(raycaster, intersects);
-    };
-  });
-  return raycast;
-}
-
-export { useCamera };

package/core/useContextBridge.cjs.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("react"));exports.useContextBridge=function(...e){const t=r.useRef([]);return t.current=e.map((e=>r.useContext(e))),r.useMemo((()=>({children:n})=>e.reduceRight(((e,n,u)=>r.createElement(n.Provider,{value:t.current[u],children:e})),n)),[])};

package/core/useContextBridge.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-export declare function useContextBridge(...contexts: Array<React.Context<any>>): ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;

package/core/useContextBridge.js

@@ -1,20 +0,0 @@
-import * as React from 'react';
-
-/* eslint-disable react-hooks/rules-of-hooks */
-function useContextBridge(...contexts) {
-  const cRef = React.useRef([]);
-  cRef.current = contexts.map(context => React.useContext(context));
-  return React.useMemo(() => ({
-    children
-  }) => contexts.reduceRight((acc, Context, i) => /*#__PURE__*/React.createElement(Context.Provider, {
-    value: cRef.current[i],
-    children: acc
-  }), children
-  /*
-   * done this way in reference to:
-   * https://github.com/DefinitelyTyped/DefinitelyTyped/issues/44572#issuecomment-625878049
-   * https://github.com/microsoft/TypeScript/issues/14729
-   */), []);
-}
-
-export { useContextBridge };

package/core/useDepthBuffer.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("three"),r=require("react"),t=require("@react-three/fiber"),u=require("./Fbo.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:o,height:i}=t.useThree((e=>e.size)),a=r||o*c,f=r||i*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,6 +0,0 @@
-import { DepthTexture } from 'three';
-declare function useDepthBuffer({ size, frames }?: {
-    size?: number;
-    frames?: number;
-}): DepthTexture;
-export { useDepthBuffer };