@react-three/drei 9.84.2 → 9.85.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/README.md +41 -8
  2. package/core/AccumulativeShadows.cjs.js +1 -1
  3. package/core/AccumulativeShadows.js +8 -7
  4. package/core/ArcballControls.js +1 -1
  5. package/core/BBAnchor.js +2 -2
  6. package/core/Billboard.js +1 -1
  7. package/core/Bounds.js +1 -1
  8. package/core/CameraControls.js +1 -1
  9. package/core/CameraShake.js +1 -1
  10. package/core/CatmullRomLine.js +1 -1
  11. package/core/Caustics.cjs.js +1 -1
  12. package/core/Caustics.js +13 -12
  13. package/core/Center.js +1 -1
  14. package/core/Clone.js +1 -1
  15. package/core/Cloud.cjs.js +1 -1
  16. package/core/Cloud.d.ts +31 -11
  17. package/core/Cloud.js +213 -47
  18. package/core/ContactShadows.js +1 -1
  19. package/core/CubicBezierLine.js +1 -1
  20. package/core/CurveModifier.js +1 -1
  21. package/core/Decal.js +1 -1
  22. package/core/Detailed.js +1 -1
  23. package/core/DeviceOrientationControls.js +1 -1
  24. package/core/Edges.js +1 -1
  25. package/core/Effects.js +1 -1
  26. package/core/Example.js +1 -1
  27. package/core/FaceControls.js +4 -4
  28. package/core/FaceLandmarker.js +1 -1
  29. package/core/Facemesh.d.ts +3 -3
  30. package/core/Facemesh.js +4 -4
  31. package/core/FirstPersonControls.js +1 -1
  32. package/core/Float.js +1 -1
  33. package/core/FlyControls.js +1 -1
  34. package/core/GizmoHelper.js +7 -7
  35. package/core/GizmoViewcube.js +3 -3
  36. package/core/Gltf.js +1 -1
  37. package/core/GradientTexture.js +4 -1
  38. package/core/Grid.cjs.js +1 -1
  39. package/core/Grid.js +8 -7
  40. package/core/Image.cjs.js +1 -1
  41. package/core/Image.js +8 -7
  42. package/core/Instances.js +3 -3
  43. package/core/Lightformer.js +1 -1
  44. package/core/Line.js +1 -1
  45. package/core/MapControls.js +1 -1
  46. package/core/MarchingCubes.js +4 -4
  47. package/core/Mask.js +1 -1
  48. package/core/MeshDiscardMaterial.js +1 -1
  49. package/core/MeshDistortMaterial.js +1 -1
  50. package/core/MeshPortalMaterial.cjs.js +1 -1
  51. package/core/MeshPortalMaterial.js +6 -5
  52. package/core/MeshReflectorMaterial.cjs.js +1 -1
  53. package/core/MeshReflectorMaterial.js +2 -2
  54. package/core/MeshRefractionMaterial.cjs.js +1 -1
  55. package/core/MeshTransmissionMaterial.js +1 -1
  56. package/core/MeshWobbleMaterial.js +1 -1
  57. package/core/MotionPathControls.js +2 -2
  58. package/core/OrbitControls.js +1 -1
  59. package/core/OrthographicCamera.js +1 -1
  60. package/core/Outlines.cjs.js +1 -1
  61. package/core/Outlines.js +5 -4
  62. package/core/PerformanceMonitor.js +1 -1
  63. package/core/PerspectiveCamera.js +1 -1
  64. package/core/PointMaterial.cjs.js +1 -1
  65. package/core/PointMaterial.js +4 -3
  66. package/core/PointerLockControls.js +1 -1
  67. package/core/Points.js +4 -4
  68. package/core/PositionalAudio.js +1 -1
  69. package/core/QuadraticBezierLine.js +3 -3
  70. package/core/Reflector.cjs.js +1 -1
  71. package/core/Reflector.js +2 -2
  72. package/core/RenderTexture.js +1 -1
  73. package/core/Resize.js +1 -1
  74. package/core/RoundedBox.js +1 -1
  75. package/core/ScreenQuad.js +1 -1
  76. package/core/ScreenSpace.js +1 -1
  77. package/core/Segments.js +3 -3
  78. package/core/Shadow.js +1 -1
  79. package/core/Sky.js +1 -1
  80. package/core/Sparkles.cjs.js +1 -1
  81. package/core/Sparkles.js +4 -3
  82. package/core/SpotLight.cjs.js +1 -1
  83. package/core/SpotLight.js +1 -1
  84. package/core/Stage.cjs.js +1 -1
  85. package/core/Stars.cjs.js +1 -1
  86. package/core/Stars.js +4 -4
  87. package/core/Svg.js +1 -1
  88. package/core/Text.js +1 -1
  89. package/core/Text3D.js +1 -1
  90. package/core/TrackballControls.js +1 -1
  91. package/core/Trail.js +1 -1
  92. package/core/TransformControls.js +1 -1
  93. package/core/Wireframe.cjs.js +1 -1
  94. package/core/Wireframe.js +1 -1
  95. package/core/index.cjs.js +1 -1
  96. package/core/index.js +3 -2
  97. package/core/meshBounds.js +4 -4
  98. package/core/shapes.js +19 -19
  99. package/core/useBVH.js +1 -1
  100. package/core/useProgress.js +1 -1
  101. package/core/useTexture.cjs.js +1 -1
  102. package/core/useTexture.js +5 -2
  103. package/helpers/constants.cjs.js +1 -0
  104. package/helpers/constants.d.ts +1 -0
  105. package/helpers/constants.js +5 -0
  106. package/index.cjs.js +1 -1
  107. package/index.js +1 -1
  108. package/materials/BlurPass.cjs.js +1 -1
  109. package/materials/ConvolutionMaterial.cjs.js +1 -1
  110. package/materials/ConvolutionMaterial.js +2 -1
  111. package/materials/DiscardMaterial.js +1 -1
  112. package/materials/MeshRefractionMaterial.cjs.js +1 -1
  113. package/materials/MeshRefractionMaterial.js +8 -7
  114. package/materials/SpotLightMaterial.cjs.js +1 -1
  115. package/materials/SpotLightMaterial.js +2 -1
  116. package/materials/WireframeMaterial.js +4 -4
  117. package/native/index.cjs.js +1 -1
  118. package/native/index.js +3 -2
  119. package/package.json +3 -2
  120. package/react-three-drei-0.0.0-semantic-release.tgz +0 -0
  121. package/web/Html.cjs.js +1 -1
  122. package/web/Html.js +6 -6
  123. package/web/ScrollControls.js +4 -4
  124. package/web/Select.js +1 -1
  125. package/web/View.js +1 -1
  126. package/web/index.cjs.js +1 -1
  127. package/web/index.js +3 -2
  128. package/web/pivotControls/AxisArrow.js +4 -4
  129. package/web/pivotControls/AxisRotator.js +6 -6
  130. package/web/pivotControls/PlaneSlider.js +3 -3
  131. package/web/pivotControls/context.js +1 -1
  132. package/web/pivotControls/index.js +21 -21
package/core/Image.js CHANGED
@@ -4,11 +4,12 @@ import * as THREE from 'three';
4
4
  import { extend } from '@react-three/fiber';
5
5
  import { shaderMaterial } from './shaderMaterial.js';
6
6
  import { useTexture } from './useTexture.js';
7
+ import { version } from '../helpers/constants.js';
7
8
 
8
9
  // {texture: THREE.Texture} XOR {url: string}
9
10
 
10
- const ImageMaterialImpl = shaderMaterial({
11
- color: new THREE.Color('white'),
11
+ const ImageMaterialImpl = /*@__PURE__*/shaderMaterial({
12
+ color: /*@__PURE__*/new THREE.Color('white'),
12
13
  scale: [1, 1],
13
14
  imageBounds: [1, 1],
14
15
  map: null,
@@ -50,10 +51,10 @@ const ImageMaterialImpl = shaderMaterial({
50
51
  gl_FragColor = toGrayscale(texture2D(map, zUv) * vec4(color, opacity), grayscale);
51
52
 
52
53
  #include <tonemapping_fragment>
53
- #include <${parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
54
+ #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
54
55
  }
55
56
  `);
56
- const ImageBase = /*#__PURE__*/React.forwardRef(({
57
+ const ImageBase = /*@__PURE__*/React.forwardRef(({
57
58
  children,
58
59
  color,
59
60
  segments = 1,
@@ -88,7 +89,7 @@ const ImageBase = /*#__PURE__*/React.forwardRef(({
88
89
  transparent: transparent
89
90
  }), children);
90
91
  });
91
- const ImageWithUrl = /*#__PURE__*/React.forwardRef(({
92
+ const ImageWithUrl = /*@__PURE__*/React.forwardRef(({
92
93
  url,
93
94
  ...props
94
95
  }, ref) => {
@@ -98,7 +99,7 @@ const ImageWithUrl = /*#__PURE__*/React.forwardRef(({
98
99
  ref: ref
99
100
  }));
100
101
  });
101
- const ImageWithTexture = /*#__PURE__*/React.forwardRef(({
102
+ const ImageWithTexture = /*@__PURE__*/React.forwardRef(({
102
103
  url: _url,
103
104
  ...props
104
105
  }, ref) => {
@@ -106,7 +107,7 @@ const ImageWithTexture = /*#__PURE__*/React.forwardRef(({
106
107
  ref: ref
107
108
  }));
108
109
  });
109
- const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
110
+ const Image = /*@__PURE__*/React.forwardRef((props, ref) => {
110
111
  if (props.url) return /*#__PURE__*/React.createElement(ImageWithUrl, _extends({}, props, {
111
112
  ref: ref
112
113
  }));else if (props.texture) return /*#__PURE__*/React.createElement(ImageWithTexture, _extends({}, props, {
package/core/Instances.js CHANGED
@@ -62,7 +62,7 @@ const tempMatrix = /*@__PURE__*/new THREE.Matrix4();
62
62
  const translation = /*@__PURE__*/new THREE.Vector3();
63
63
  const rotation = /*@__PURE__*/new THREE.Quaternion();
64
64
  const scale = /*@__PURE__*/new THREE.Vector3();
65
- const Instance = /*#__PURE__*/React.forwardRef(({
65
+ const Instance = /*@__PURE__*/React.forwardRef(({
66
66
  context,
67
67
  children,
68
68
  ...props
@@ -82,7 +82,7 @@ const Instance = /*#__PURE__*/React.forwardRef(({
82
82
  ref: mergeRefs([ref, group])
83
83
  }, props), children);
84
84
  });
85
- const Instances = /*#__PURE__*/React.forwardRef(({
85
+ const Instances = /*@__PURE__*/React.forwardRef(({
86
86
  children,
87
87
  range,
88
88
  limit = 1000,
@@ -172,7 +172,7 @@ const Instances = /*#__PURE__*/React.forwardRef(({
172
172
  value: api
173
173
  }, children));
174
174
  });
175
- const Merged = /*#__PURE__*/React.forwardRef(function Merged({
175
+ const Merged = /*@__PURE__*/React.forwardRef(function Merged({
176
176
  meshes,
177
177
  children,
178
178
  ...props
@@ -4,7 +4,7 @@ import * as React from 'react';
4
4
  import * as THREE from 'three';
5
5
  import mergeRefs from 'react-merge-refs';
6
6
 
7
- const Lightformer = /*#__PURE__*/React.forwardRef(({
7
+ const Lightformer = /*@__PURE__*/React.forwardRef(({
8
8
  args,
9
9
  map,
10
10
  toneMapped = false,
package/core/Line.js CHANGED
@@ -4,7 +4,7 @@ import { Vector3, Vector2, Color } from 'three';
4
4
  import { useThree } from '@react-three/fiber';
5
5
  import { LineSegments2, Line2, LineMaterial, LineSegmentsGeometry, LineGeometry } from 'three-stdlib';
6
6
 
7
- const Line = /*#__PURE__*/React.forwardRef(function Line({
7
+ const Line = /*@__PURE__*/React.forwardRef(function Line({
8
8
  points,
9
9
  color = 'black',
10
10
  vertexColors,
@@ -3,7 +3,7 @@ import { useThree, useFrame } from '@react-three/fiber';
3
3
  import * as React from 'react';
4
4
  import { MapControls as MapControls$1 } from 'three-stdlib';
5
5
 
6
- const MapControls = /*#__PURE__*/React.forwardRef((props = {
6
+ const MapControls = /*@__PURE__*/React.forwardRef((props = {
7
7
  enableDamping: true
8
8
  }, ref) => {
9
9
  const {
@@ -5,8 +5,8 @@ import mergeRefs from 'react-merge-refs';
5
5
  import { MarchingCubes as MarchingCubes$1 } from 'three-stdlib';
6
6
  import { useFrame } from '@react-three/fiber';
7
7
 
8
- const globalContext = /*#__PURE__*/React.createContext(null);
9
- const MarchingCubes = /*#__PURE__*/React.forwardRef(({
8
+ const globalContext = /*@__PURE__*/React.createContext(null);
9
+ const MarchingCubes = /*@__PURE__*/React.forwardRef(({
10
10
  resolution = 28,
11
11
  maxPolyCount = 10000,
12
12
  enableUvs = false,
@@ -31,7 +31,7 @@ const MarchingCubes = /*#__PURE__*/React.forwardRef(({
31
31
  value: api
32
32
  }, children)));
33
33
  });
34
- const MarchingCube = /*#__PURE__*/React.forwardRef(({
34
+ const MarchingCube = /*@__PURE__*/React.forwardRef(({
35
35
  strength = 0.5,
36
36
  subtract = 12,
37
37
  color,
@@ -52,7 +52,7 @@ const MarchingCube = /*#__PURE__*/React.forwardRef(({
52
52
  ref: mergeRefs([ref, cubeRef])
53
53
  }, props));
54
54
  });
55
- const MarchingPlane = /*#__PURE__*/React.forwardRef(({
55
+ const MarchingPlane = /*@__PURE__*/React.forwardRef(({
56
56
  planeType: _planeType = 'x',
57
57
  strength = 0.5,
58
58
  subtract = 12,
package/core/Mask.js CHANGED
@@ -2,7 +2,7 @@ import _extends from '@babel/runtime/helpers/esm/extends';
2
2
  import * as THREE from 'three';
3
3
  import * as React from 'react';
4
4
 
5
- const Mask = /*#__PURE__*/React.forwardRef(({
5
+ const Mask = /*@__PURE__*/React.forwardRef(({
6
6
  id = 1,
7
7
  colorWrite = false,
8
8
  depthWrite = false,
@@ -3,7 +3,7 @@ import * as React from 'react';
3
3
  import { extend } from '@react-three/fiber';
4
4
  import { DiscardMaterial } from '../materials/DiscardMaterial.js';
5
5
 
6
- const MeshDiscardMaterial = /*#__PURE__*/React.forwardRef((props, fref) => {
6
+ const MeshDiscardMaterial = /*@__PURE__*/React.forwardRef((props, fref) => {
7
7
  extend({
8
8
  DiscardMaterialImpl: DiscardMaterial
9
9
  });
@@ -54,7 +54,7 @@ class DistortMaterialImpl extends MeshPhysicalMaterial {
54
54
  this._radius.value = v;
55
55
  }
56
56
  }
57
- const MeshDistortMaterial = /*#__PURE__*/React.forwardRef(({
57
+ const MeshDistortMaterial = /*@__PURE__*/React.forwardRef(({
58
58
  speed = 1,
59
59
  ...props
60
60
  }, ref) => {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("three"),t=require("react"),n=require("@react-three/fiber"),a=require("./useIntersect.cjs.js"),i=require("./useFBO.cjs.js"),l=require("./RenderTexture.cjs.js"),o=require("./shaderMaterial.cjs.js"),u=require("three-stdlib");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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=s(e),d=v(r),m=v(t);const f=o.shaderMaterial({blur:0,map:null,sdf:null,blend:0,size:0,resolution:new d.Vector2},"varying vec2 vUv;\n void main() {\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n vUv = uv;\n }",`uniform sampler2D sdf;\n uniform sampler2D map;\n uniform float blur;\n uniform float size;\n uniform float time;\n uniform vec2 resolution;\n varying vec2 vUv;\n #include <packing>\n void main() {\n vec2 uv = gl_FragCoord.xy / resolution.xy;\n vec4 t = texture2D(map, uv);\n float k = blur;\n float d = texture2D(sdf, vUv).r/size;\n float alpha = 1.0 - smoothstep(0.0, 1.0, clamp(d/k + 1.0, 0.0, 1.0));\n gl_FragColor = vec4(t.rgb, blur == 0.0 ? t.a : t.a * alpha);\n #include <tonemapping_fragment>\n #include <${parseInt(d.REVISION.replace(/\D+/g,""))>=154?"colorspace_fragment":"encodings_fragment"}>\n }`),g=m.forwardRef((({children:e,events:r,blur:t=0,eventPriority:o=0,renderPriority:u=0,worldUnits:s=!1,resolution:v=512,...g},F)=>{n.extend({PortalMaterialImpl:f});const h=m.useRef(null),{scene:y,gl:b,size:w,viewport:M,setEvents:U}=n.useThree(),R=i.useFBO(v,v),[S,T]=m.useState(0);n.useFrame((()=>{const e=h.current.blend>0?Math.max(1,u):0;S!==e&&T(e)})),m.useEffect((()=>{void 0!==r&&U({enabled:!r})}),[r]);const[_,D]=m.useState(!0),j=a.useIntersect(D);m.useLayoutEffect((()=>{var e;j.current=null==(e=h.current)?void 0:e.__r3f.parent}),[]),m.useLayoutEffect((()=>{if(j.current&&t&&null===h.current.sdf){const e=new d.Mesh(j.current.geometry,new d.MeshBasicMaterial),r=(new d.Box3).setFromBufferAttribute(e.geometry.attributes.position),t=new d.OrthographicCamera(r.min.x*(1+2/v),r.max.x*(1+2/v),r.max.y*(1+2/v),r.min.y*(1+2/v),.1,1e3);t.position.set(0,0,1),t.lookAt(0,0,0),b.setRenderTarget(R),b.render(e,t);const n=x(v,v,b)(R.texture),a=new Float32Array(v*v);b.readRenderTargetPixels(n,0,0,v,v,a);let i=1/0;for(let e=0;e<a.length;e++)a[e]<i&&(i=a[e]);i=-i,h.current.size=i,h.current.sdf=n.texture,b.setRenderTarget(null)}}),[v,t]),m.useImperativeHandle(F,(()=>h.current));const P=m.useCallback(((e,r,t)=>{var n;if(!j.current)return!1;if(r.pointer.set(e.offsetX/r.size.width*2-1,-e.offsetY/r.size.height*2+1),r.raycaster.setFromCamera(r.pointer,r.camera),0===(null==(n=h.current)?void 0:n.blend)){const[e]=r.raycaster.intersectObject(j.current);if(!e)return r.raycaster.camera=void 0,!1}}),[]);return m.createElement("portalMaterialImpl",c.default({ref:h,blur:t,blend:0,resolution:[w.width*M.dpr,w.height*M.dpr],toneMapped:!1,attach:"material"},g),m.createElement(l.RenderTexture,{attach:"map",frames:_?1/0:0,eventPriority:o,renderPriority:u,compute:P},e,m.createElement(p,{events:r,rootScene:y,priority:S,material:h,worldUnits:s})))}));function p({events:e,rootScene:r,material:t,priority:a,worldUnits:l}){const o=n.useThree((e=>e.scene)),s=n.useThree((e=>e.setEvents)),v=i.useFBO(),c=i.useFBO();m.useLayoutEffect((()=>{o.matrixAutoUpdate=!1}),[]),m.useEffect((()=>{void 0!==e&&s({enabled:e})}),[e]);const[f,g]=m.useMemo((()=>{const e={value:0};return[new u.FullScreenQuad(new d.ShaderMaterial({uniforms:{a:{value:v.texture},b:{value:c.texture},blend:e},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:`\n uniform sampler2D a;\n uniform sampler2D b;\n uniform float blend;\n varying vec2 vUv;\n #include <packing>\n void main() {\n vec4 ta = texture2D(a, vUv);\n vec4 tb = texture2D(b, vUv);\n gl_FragColor = mix(tb, ta, blend);\n #include <${parseInt(d.REVISION.replace(/\D+/g,""))>=154?"colorspace_fragment":"encodings_fragment"}>\n }`})),e]}),[]);return n.useFrame((e=>{var n;let i=null==t||null==(n=t.current)?void 0:n.__r3f.parent;if(i){var u,s,d,m;if(l)o.matrixWorld.identity();else a&&1===(null==(u=t.current)?void 0:u.blend)&&i.updateWorldMatrix(!0,!1),o.matrixWorld.copy(i.matrixWorld);if(a)(null==(s=t.current)?void 0:s.blend)>0&&(null==(d=t.current)?void 0:d.blend)<1?(g.value=t.current.blend,e.gl.setRenderTarget(v),e.gl.render(o,e.camera),e.gl.setRenderTarget(c),e.gl.render(r,e.camera),e.gl.setRenderTarget(null),f.render(e.gl)):1===(null==(m=t.current)?void 0:m.blend)&&e.gl.render(o,e.camera)}}),a),m.createElement(m.Fragment,null)}const x=(e,r,t)=>{let n=new d.WebGLRenderTarget(e,r,{minFilter:d.LinearMipmapLinearFilter,magFilter:d.LinearFilter,type:d.FloatType,format:d.RedFormat,generateMipmaps:!0}),a=new d.WebGLRenderTarget(e,r,{minFilter:d.NearestFilter,magFilter:d.NearestFilter}),i=new d.WebGLRenderTarget(e,r,{minFilter:d.NearestFilter,magFilter:d.NearestFilter}),l=new d.WebGLRenderTarget(e,r,{minFilter:d.NearestFilter,magFilter:d.NearestFilter}),o=new d.WebGLRenderTarget(e,r,{minFilter:d.NearestFilter,magFilter:d.NearestFilter}),s=new d.WebGLRenderTarget(e,r,{minFilter:d.NearestFilter,magFilter:d.NearestFilter,type:d.FloatType,format:d.RedFormat}),v=new d.WebGLRenderTarget(e,r,{minFilter:d.NearestFilter,magFilter:d.NearestFilter,type:d.FloatType,format:d.RedFormat});const c=new u.FullScreenQuad(new d.ShaderMaterial({uniforms:{tex:{value:null}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n uniform sampler2D tex;\n varying vec2 vUv;\n #include <packing>\n void main() {\n gl_FragColor = pack2HalfToRGBA(vUv * (round(texture2D(tex, vUv).x)));\n }"})),m=new u.FullScreenQuad(new d.ShaderMaterial({uniforms:{tex:{value:null}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n uniform sampler2D tex;\n varying vec2 vUv;\n #include <packing>\n void main() {\n gl_FragColor = pack2HalfToRGBA(vUv * (1.0 - round(texture2D(tex, vUv).x)));\n }"})),f=new u.FullScreenQuad(new d.ShaderMaterial({uniforms:{tex:{value:null},offset:{value:0},level:{value:0},maxSteps:{value:0}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:`\n varying vec2 vUv;\n uniform sampler2D tex;\n uniform float offset;\n uniform float level;\n uniform float maxSteps;\n #include <packing>\n void main() {\n float closestDist = 9999999.9;\n vec2 closestPos = vec2(0.0);\n for (float x = -1.0; x <= 1.0; x += 1.0) {\n for (float y = -1.0; y <= 1.0; y += 1.0) {\n vec2 voffset = vUv;\n voffset += vec2(x, y) * vec2(${1/e}, ${1/r}) * offset;\n vec2 pos = unpackRGBATo2Half(texture2D(tex, voffset));\n float dist = distance(pos.xy, vUv);\n if(pos.x != 0.0 && pos.y != 0.0 && dist < closestDist) {\n closestDist = dist;\n closestPos = pos;\n }\n }\n }\n gl_FragColor = pack2HalfToRGBA(closestPos);\n }`})),g=new u.FullScreenQuad(new d.ShaderMaterial({uniforms:{tex:{value:null},size:{value:new d.Vector2(e,r)}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n varying vec2 vUv;\n uniform sampler2D tex;\n uniform vec2 size;\n #include <packing>\n void main() {\n gl_FragColor = vec4(distance(size * unpackRGBATo2Half(texture2D(tex, vUv)), size * vUv), 0.0, 0.0, 0.0);\n }"})),p=new u.FullScreenQuad(new d.ShaderMaterial({uniforms:{inside:{value:v.texture},outside:{value:s.texture},tex:{value:null}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n varying vec2 vUv;\n uniform sampler2D inside;\n uniform sampler2D outside;\n uniform sampler2D tex;\n #include <packing>\n void main() {\n float i = texture2D(inside, vUv).x;\n float o =texture2D(outside, vUv).x;\n if (texture2D(tex, vUv).x == 0.0) {\n gl_FragColor = vec4(o, 0.0, 0.0, 0.0);\n } else {\n gl_FragColor = vec4(-i, 0.0, 0.0, 0.0);\n }\n }"}));return u=>{let x=n;u.minFilter=d.NearestFilter,u.magFilter=d.NearestFilter,c.material.uniforms.tex.value=u,t.setRenderTarget(a),c.render(t);const F=Math.ceil(Math.log(Math.max(e,r))/Math.log(2));let h=a,y=null;for(let e=0;e<F;e++){const r=Math.pow(2,F-e-1);y=h===a?l:a,f.material.uniforms.level.value=e,f.material.uniforms.maxSteps.value=F,f.material.uniforms.offset.value=r,f.material.uniforms.tex.value=h.texture,t.setRenderTarget(y),f.render(t),h=y}t.setRenderTarget(s),g.material.uniforms.tex.value=y.texture,g.render(t),m.material.uniforms.tex.value=u,t.setRenderTarget(i),m.render(t),h=i;for(let e=0;e<F;e++){const r=Math.pow(2,F-e-1);y=h===i?o:i,f.material.uniforms.level.value=e,f.material.uniforms.maxSteps.value=F,f.material.uniforms.offset.value=r,f.material.uniforms.tex.value=h.texture,t.setRenderTarget(y),f.render(t),h=y}return t.setRenderTarget(v),g.material.uniforms.tex.value=y.texture,g.render(t),t.setRenderTarget(x),p.material.uniforms.tex.value=u,p.render(t),t.setRenderTarget(null),x}};exports.MeshPortalMaterial=g;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("three"),t=require("react"),n=require("@react-three/fiber"),a=require("./useIntersect.cjs.js"),i=require("./useFBO.cjs.js"),l=require("./RenderTexture.cjs.js"),o=require("./shaderMaterial.cjs.js"),u=require("three-stdlib"),s=require("../helpers/constants.cjs.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 d=v(e),m=c(r),f=c(t);const g=o.shaderMaterial({blur:0,map:null,sdf:null,blend:0,size:0,resolution:new m.Vector2},"varying vec2 vUv;\n void main() {\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n vUv = uv;\n }",`uniform sampler2D sdf;\n uniform sampler2D map;\n uniform float blur;\n uniform float size;\n uniform float time;\n uniform vec2 resolution;\n varying vec2 vUv;\n #include <packing>\n void main() {\n vec2 uv = gl_FragCoord.xy / resolution.xy;\n vec4 t = texture2D(map, uv);\n float k = blur;\n float d = texture2D(sdf, vUv).r/size;\n float alpha = 1.0 - smoothstep(0.0, 1.0, clamp(d/k + 1.0, 0.0, 1.0));\n gl_FragColor = vec4(t.rgb, blur == 0.0 ? t.a : t.a * alpha);\n #include <tonemapping_fragment>\n #include <${s.version>=154?"colorspace_fragment":"encodings_fragment"}>\n }`),p=f.forwardRef((({children:e,events:r,blur:t=0,eventPriority:o=0,renderPriority:u=0,worldUnits:s=!1,resolution:v=512,...c},p)=>{n.extend({PortalMaterialImpl:g});const h=f.useRef(null),{scene:y,gl:b,size:w,viewport:M,setEvents:U}=n.useThree(),T=i.useFBO(v,v),[R,S]=f.useState(0);n.useFrame((()=>{const e=h.current.blend>0?Math.max(1,u):0;R!==e&&S(e)})),f.useEffect((()=>{void 0!==r&&U({enabled:!r})}),[r]);const[_,D]=f.useState(!0),j=a.useIntersect(D);f.useLayoutEffect((()=>{var e;j.current=null==(e=h.current)?void 0:e.__r3f.parent}),[]),f.useLayoutEffect((()=>{if(j.current&&t&&null===h.current.sdf){const e=new m.Mesh(j.current.geometry,new m.MeshBasicMaterial),r=(new m.Box3).setFromBufferAttribute(e.geometry.attributes.position),t=new m.OrthographicCamera(r.min.x*(1+2/v),r.max.x*(1+2/v),r.max.y*(1+2/v),r.min.y*(1+2/v),.1,1e3);t.position.set(0,0,1),t.lookAt(0,0,0),b.setRenderTarget(T),b.render(e,t);const n=F(v,v,b)(T.texture),a=new Float32Array(v*v);b.readRenderTargetPixels(n,0,0,v,v,a);let i=1/0;for(let e=0;e<a.length;e++)a[e]<i&&(i=a[e]);i=-i,h.current.size=i,h.current.sdf=n.texture,b.setRenderTarget(null)}}),[v,t]),f.useImperativeHandle(p,(()=>h.current));const P=f.useCallback(((e,r,t)=>{var n;if(!j.current)return!1;if(r.pointer.set(e.offsetX/r.size.width*2-1,-e.offsetY/r.size.height*2+1),r.raycaster.setFromCamera(r.pointer,r.camera),0===(null==(n=h.current)?void 0:n.blend)){const[e]=r.raycaster.intersectObject(j.current);if(!e)return r.raycaster.camera=void 0,!1}}),[]);return f.createElement("portalMaterialImpl",d.default({ref:h,blur:t,blend:0,resolution:[w.width*M.dpr,w.height*M.dpr],toneMapped:!1,attach:"material"},c),f.createElement(l.RenderTexture,{attach:"map",frames:_?1/0:0,eventPriority:o,renderPriority:u,compute:P},e,f.createElement(x,{events:r,rootScene:y,priority:R,material:h,worldUnits:s})))}));function x({events:e,rootScene:r,material:t,priority:a,worldUnits:l}){const o=n.useThree((e=>e.scene)),v=n.useThree((e=>e.setEvents)),c=i.useFBO(),d=i.useFBO();f.useLayoutEffect((()=>{o.matrixAutoUpdate=!1}),[]),f.useEffect((()=>{void 0!==e&&v({enabled:e})}),[e]);const[g,p]=f.useMemo((()=>{const e={value:0};return[new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{a:{value:c.texture},b:{value:d.texture},blend:e},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:`\n uniform sampler2D a;\n uniform sampler2D b;\n uniform float blend;\n varying vec2 vUv;\n #include <packing>\n void main() {\n vec4 ta = texture2D(a, vUv);\n vec4 tb = texture2D(b, vUv);\n gl_FragColor = mix(tb, ta, blend);\n #include <${s.version>=154?"colorspace_fragment":"encodings_fragment"}>\n }`})),e]}),[]);return n.useFrame((e=>{var n;let i=null==t||null==(n=t.current)?void 0:n.__r3f.parent;if(i){var u,s,v,m;if(l)o.matrixWorld.identity();else a&&1===(null==(u=t.current)?void 0:u.blend)&&i.updateWorldMatrix(!0,!1),o.matrixWorld.copy(i.matrixWorld);if(a)(null==(s=t.current)?void 0:s.blend)>0&&(null==(v=t.current)?void 0:v.blend)<1?(p.value=t.current.blend,e.gl.setRenderTarget(c),e.gl.render(o,e.camera),e.gl.setRenderTarget(d),e.gl.render(r,e.camera),e.gl.setRenderTarget(null),g.render(e.gl)):1===(null==(m=t.current)?void 0:m.blend)&&e.gl.render(o,e.camera)}}),a),f.createElement(f.Fragment,null)}const F=(e,r,t)=>{let n=new m.WebGLRenderTarget(e,r,{minFilter:m.LinearMipmapLinearFilter,magFilter:m.LinearFilter,type:m.FloatType,format:m.RedFormat,generateMipmaps:!0}),a=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),i=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),l=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),o=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter}),s=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter,type:m.FloatType,format:m.RedFormat}),v=new m.WebGLRenderTarget(e,r,{minFilter:m.NearestFilter,magFilter:m.NearestFilter,type:m.FloatType,format:m.RedFormat});const c=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n uniform sampler2D tex;\n varying vec2 vUv;\n #include <packing>\n void main() {\n gl_FragColor = pack2HalfToRGBA(vUv * (round(texture2D(tex, vUv).x)));\n }"})),d=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n uniform sampler2D tex;\n varying vec2 vUv;\n #include <packing>\n void main() {\n gl_FragColor = pack2HalfToRGBA(vUv * (1.0 - round(texture2D(tex, vUv).x)));\n }"})),f=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null},offset:{value:0},level:{value:0},maxSteps:{value:0}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:`\n varying vec2 vUv;\n uniform sampler2D tex;\n uniform float offset;\n uniform float level;\n uniform float maxSteps;\n #include <packing>\n void main() {\n float closestDist = 9999999.9;\n vec2 closestPos = vec2(0.0);\n for (float x = -1.0; x <= 1.0; x += 1.0) {\n for (float y = -1.0; y <= 1.0; y += 1.0) {\n vec2 voffset = vUv;\n voffset += vec2(x, y) * vec2(${1/e}, ${1/r}) * offset;\n vec2 pos = unpackRGBATo2Half(texture2D(tex, voffset));\n float dist = distance(pos.xy, vUv);\n if(pos.x != 0.0 && pos.y != 0.0 && dist < closestDist) {\n closestDist = dist;\n closestPos = pos;\n }\n }\n }\n gl_FragColor = pack2HalfToRGBA(closestPos);\n }`})),g=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{tex:{value:null},size:{value:new m.Vector2(e,r)}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n varying vec2 vUv;\n uniform sampler2D tex;\n uniform vec2 size;\n #include <packing>\n void main() {\n gl_FragColor = vec4(distance(size * unpackRGBATo2Half(texture2D(tex, vUv)), size * vUv), 0.0, 0.0, 0.0);\n }"})),p=new u.FullScreenQuad(new m.ShaderMaterial({uniforms:{inside:{value:v.texture},outside:{value:s.texture},tex:{value:null}},vertexShader:"\n varying vec2 vUv;\n void main() {\n vUv = uv;\n gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n }",fragmentShader:"\n varying vec2 vUv;\n uniform sampler2D inside;\n uniform sampler2D outside;\n uniform sampler2D tex;\n #include <packing>\n void main() {\n float i = texture2D(inside, vUv).x;\n float o =texture2D(outside, vUv).x;\n if (texture2D(tex, vUv).x == 0.0) {\n gl_FragColor = vec4(o, 0.0, 0.0, 0.0);\n } else {\n gl_FragColor = vec4(-i, 0.0, 0.0, 0.0);\n }\n }"}));return u=>{let x=n;u.minFilter=m.NearestFilter,u.magFilter=m.NearestFilter,c.material.uniforms.tex.value=u,t.setRenderTarget(a),c.render(t);const F=Math.ceil(Math.log(Math.max(e,r))/Math.log(2));let h=a,y=null;for(let e=0;e<F;e++){const r=Math.pow(2,F-e-1);y=h===a?l:a,f.material.uniforms.level.value=e,f.material.uniforms.maxSteps.value=F,f.material.uniforms.offset.value=r,f.material.uniforms.tex.value=h.texture,t.setRenderTarget(y),f.render(t),h=y}t.setRenderTarget(s),g.material.uniforms.tex.value=y.texture,g.render(t),d.material.uniforms.tex.value=u,t.setRenderTarget(i),d.render(t),h=i;for(let e=0;e<F;e++){const r=Math.pow(2,F-e-1);y=h===i?o:i,f.material.uniforms.level.value=e,f.material.uniforms.maxSteps.value=F,f.material.uniforms.offset.value=r,f.material.uniforms.tex.value=h.texture,t.setRenderTarget(y),f.render(t),h=y}return t.setRenderTarget(v),g.material.uniforms.tex.value=y.texture,g.render(t),t.setRenderTarget(x),p.material.uniforms.tex.value=u,p.render(t),t.setRenderTarget(null),x}};exports.MeshPortalMaterial=p;
@@ -7,14 +7,15 @@ import { useFBO } from './useFBO.js';
7
7
  import { RenderTexture } from './RenderTexture.js';
8
8
  import { shaderMaterial } from './shaderMaterial.js';
9
9
  import { FullScreenQuad } from 'three-stdlib';
10
+ import { version } from '../helpers/constants.js';
10
11
 
11
- const PortalMaterialImpl = shaderMaterial({
12
+ const PortalMaterialImpl = /*@__PURE__*/shaderMaterial({
12
13
  blur: 0,
13
14
  map: null,
14
15
  sdf: null,
15
16
  blend: 0,
16
17
  size: 0,
17
- resolution: new THREE.Vector2()
18
+ resolution: /*@__PURE__*/new THREE.Vector2()
18
19
  }, `varying vec2 vUv;
19
20
  void main() {
20
21
  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
@@ -35,9 +36,9 @@ const PortalMaterialImpl = shaderMaterial({
35
36
  float alpha = 1.0 - smoothstep(0.0, 1.0, clamp(d/k + 1.0, 0.0, 1.0));
36
37
  gl_FragColor = vec4(t.rgb, blur == 0.0 ? t.a : t.a * alpha);
37
38
  #include <tonemapping_fragment>
38
- #include <${parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
39
+ #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
39
40
  }`);
40
- const MeshPortalMaterial = /*#__PURE__*/React.forwardRef(({
41
+ const MeshPortalMaterial = /*@__PURE__*/React.forwardRef(({
41
42
  children,
42
43
  events = undefined,
43
44
  blur = 0,
@@ -193,7 +194,7 @@ function ManagePortalScene({
193
194
  vec4 ta = texture2D(a, vUv);
194
195
  vec4 tb = texture2D(b, vUv);
195
196
  gl_FragColor = mix(tb, ta, blend);
196
- #include <${parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
197
+ #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
197
198
  }`
198
199
  }));
199
200
  return [quad, blend];
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),a=require("@react-three/fiber"),n=require("react-merge-refs"),i=require("../materials/BlurPass.cjs.js"),o=require("../materials/MeshReflectorMaterial.cjs.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("../materials/ConvolutionMaterial.cjs.js");var u=s(e),d=l(t),c=s(n);a.extend({MeshReflectorMaterialImpl:o.MeshReflectorMaterial});const p=d.forwardRef((({mixBlur:e=0,mixStrength:t=1,resolution:n=256,blur:o=[0,0],minDepthThreshold:s=.9,maxDepthThreshold:l=1,depthScale:p=0,depthToBlurRatioBias:m=.25,mirror:h=0,distortion:f=1,mixContrast:x=1,distortionMap:M,reflectorOffset:T=0,...S},y)=>{const w=a.useThree((({gl:e})=>e)),b=a.useThree((({camera:e})=>e)),R=a.useThree((({scene:e})=>e)),g=(o=Array.isArray(o)?o:[o,o])[0]+o[1]>0,v=d.useRef(null),[j]=d.useState((()=>new r.Plane)),[D]=d.useState((()=>new r.Vector3)),[B]=d.useState((()=>new r.Vector3)),[_]=d.useState((()=>new r.Vector3)),[O]=d.useState((()=>new r.Matrix4)),[P]=d.useState((()=>new r.Vector3(0,0,-1))),[U]=d.useState((()=>new r.Vector4)),[V]=d.useState((()=>new r.Vector3)),[E]=d.useState((()=>new r.Vector3)),[F]=d.useState((()=>new r.Vector4)),[W]=d.useState((()=>new r.Matrix4)),[q]=d.useState((()=>new r.PerspectiveCamera)),I=d.useCallback((()=>{var e;const t=v.current.parent||(null==(e=v.current)?void 0:e.__r3f.parent);if(!t)return;if(B.setFromMatrixPosition(t.matrixWorld),_.setFromMatrixPosition(b.matrixWorld),O.extractRotation(t.matrixWorld),D.set(0,0,1),D.applyMatrix4(O),B.addScaledVector(D,T),V.subVectors(B,_),V.dot(D)>0)return;V.reflect(D).negate(),V.add(B),O.extractRotation(b.matrixWorld),P.set(0,0,-1),P.applyMatrix4(O),P.add(_),E.subVectors(B,P),E.reflect(D).negate(),E.add(B),q.position.copy(V),q.up.set(0,1,0),q.up.applyMatrix4(O),q.up.reflect(D),q.lookAt(E),q.far=b.far,q.updateMatrixWorld(),q.projectionMatrix.copy(b.projectionMatrix),W.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),W.multiply(q.projectionMatrix),W.multiply(q.matrixWorldInverse),W.multiply(t.matrixWorld),j.setFromNormalAndCoplanarPoint(D,B),j.applyMatrix4(q.matrixWorldInverse),U.set(j.normal.x,j.normal.y,j.normal.z,j.constant);const r=q.projectionMatrix;F.x=(Math.sign(U.x)+r.elements[8])/r.elements[0],F.y=(Math.sign(U.y)+r.elements[9])/r.elements[5],F.z=-1,F.w=(1+r.elements[10])/r.elements[14],U.multiplyScalar(2/U.dot(F)),r.elements[2]=U.x,r.elements[6]=U.y,r.elements[10]=U.z+1,r.elements[14]=U.w}),[b,T]),[C,k,L,z]=d.useMemo((()=>{const a={minFilter:r.LinearFilter,magFilter:r.LinearFilter,type:r.HalfFloatType},u=new r.WebGLRenderTarget(n,n,a);u.depthBuffer=!0,u.depthTexture=new r.DepthTexture(n,n),u.depthTexture.format=r.DepthFormat,u.depthTexture.type=r.UnsignedShortType;const d=new r.WebGLRenderTarget(n,n,a);return[u,d,new i.BlurPass({gl:w,resolution:n,width:o[0],height:o[1],minDepthThreshold:s,maxDepthThreshold:l,depthScale:p,depthToBlurRatioBias:m}),{mirror:h,textureMatrix:W,mixBlur:e,tDiffuse:u.texture,tDepth:u.depthTexture,tDiffuseBlur:d.texture,hasBlur:g,mixStrength:t,minDepthThreshold:s,maxDepthThreshold:l,depthScale:p,depthToBlurRatioBias:m,distortion:f,distortionMap:M,mixContrast:x,"defines-USE_BLUR":g?"":void 0,"defines-USE_DEPTH":p>0?"":void 0,"defines-USE_DISTORTION":M?"":void 0}]}),[w,o,W,n,h,g,e,t,s,l,p,m,f,M,x]);return a.useFrame((()=>{var e;const t=v.current.parent||(null==(e=v.current)?void 0:e.__r3f.parent);if(!t)return;t.visible=!1;const r=w.xr.enabled,a=w.shadowMap.autoUpdate;I(),w.xr.enabled=!1,w.shadowMap.autoUpdate=!1,w.setRenderTarget(C),w.state.buffers.depth.setMask(!0),w.autoClear||w.clear(),w.render(R,q),g&&L.render(w,C,k),w.xr.enabled=r,w.shadowMap.autoUpdate=a,t.visible=!0,w.setRenderTarget(null)})),d.createElement("meshReflectorMaterialImpl",u.default({attach:"material",key:"key"+z["defines-USE_BLUR"]+z["defines-USE_DEPTH"]+z["defines-USE_DISTORTION"],ref:c.default([v,y])},z,S))}));exports.MeshReflectorMaterial=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),a=require("@react-three/fiber"),n=require("react-merge-refs"),o=require("../materials/BlurPass.cjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("../materials/ConvolutionMaterial.cjs.js"),require("../helpers/constants.cjs.js");var l=i(e),u=s(t),d=i(n);const c=u.forwardRef((({mixBlur:e=0,mixStrength:t=1,resolution:n=256,blur:i=[0,0],minDepthThreshold:s=.9,maxDepthThreshold:c=1,depthScale:p=0,depthToBlurRatioBias:m=.25,mirror:h=0,distortion:f=1,mixContrast:x=1,distortionMap:M,reflectorOffset:T=0,...S},y)=>{const w=a.useThree((({gl:e})=>e)),b=a.useThree((({camera:e})=>e)),g=a.useThree((({scene:e})=>e)),v=(i=Array.isArray(i)?i:[i,i])[0]+i[1]>0,j=u.useRef(null),[R]=u.useState((()=>new r.Plane)),[D]=u.useState((()=>new r.Vector3)),[B]=u.useState((()=>new r.Vector3)),[_]=u.useState((()=>new r.Vector3)),[O]=u.useState((()=>new r.Matrix4)),[P]=u.useState((()=>new r.Vector3(0,0,-1))),[U]=u.useState((()=>new r.Vector4)),[V]=u.useState((()=>new r.Vector3)),[E]=u.useState((()=>new r.Vector3)),[F]=u.useState((()=>new r.Vector4)),[W]=u.useState((()=>new r.Matrix4)),[q]=u.useState((()=>new r.PerspectiveCamera)),C=u.useCallback((()=>{var e;const t=j.current.parent||(null==(e=j.current)?void 0:e.__r3f.parent);if(!t)return;if(B.setFromMatrixPosition(t.matrixWorld),_.setFromMatrixPosition(b.matrixWorld),O.extractRotation(t.matrixWorld),D.set(0,0,1),D.applyMatrix4(O),B.addScaledVector(D,T),V.subVectors(B,_),V.dot(D)>0)return;V.reflect(D).negate(),V.add(B),O.extractRotation(b.matrixWorld),P.set(0,0,-1),P.applyMatrix4(O),P.add(_),E.subVectors(B,P),E.reflect(D).negate(),E.add(B),q.position.copy(V),q.up.set(0,1,0),q.up.applyMatrix4(O),q.up.reflect(D),q.lookAt(E),q.far=b.far,q.updateMatrixWorld(),q.projectionMatrix.copy(b.projectionMatrix),W.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),W.multiply(q.projectionMatrix),W.multiply(q.matrixWorldInverse),W.multiply(t.matrixWorld),R.setFromNormalAndCoplanarPoint(D,B),R.applyMatrix4(q.matrixWorldInverse),U.set(R.normal.x,R.normal.y,R.normal.z,R.constant);const r=q.projectionMatrix;F.x=(Math.sign(U.x)+r.elements[8])/r.elements[0],F.y=(Math.sign(U.y)+r.elements[9])/r.elements[5],F.z=-1,F.w=(1+r.elements[10])/r.elements[14],U.multiplyScalar(2/U.dot(F)),r.elements[2]=U.x,r.elements[6]=U.y,r.elements[10]=U.z+1,r.elements[14]=U.w}),[b,T]),[I,k,L,z]=u.useMemo((()=>{const a={minFilter:r.LinearFilter,magFilter:r.LinearFilter,type:r.HalfFloatType},l=new r.WebGLRenderTarget(n,n,a);l.depthBuffer=!0,l.depthTexture=new r.DepthTexture(n,n),l.depthTexture.format=r.DepthFormat,l.depthTexture.type=r.UnsignedShortType;const u=new r.WebGLRenderTarget(n,n,a);return[l,u,new o.BlurPass({gl:w,resolution:n,width:i[0],height:i[1],minDepthThreshold:s,maxDepthThreshold:c,depthScale:p,depthToBlurRatioBias:m}),{mirror:h,textureMatrix:W,mixBlur:e,tDiffuse:l.texture,tDepth:l.depthTexture,tDiffuseBlur:u.texture,hasBlur:v,mixStrength:t,minDepthThreshold:s,maxDepthThreshold:c,depthScale:p,depthToBlurRatioBias:m,distortion:f,distortionMap:M,mixContrast:x,"defines-USE_BLUR":v?"":void 0,"defines-USE_DEPTH":p>0?"":void 0,"defines-USE_DISTORTION":M?"":void 0}]}),[w,i,W,n,h,v,e,t,s,c,p,m,f,M,x]);return a.useFrame((()=>{var e;const t=j.current.parent||(null==(e=j.current)?void 0:e.__r3f.parent);if(!t)return;t.visible=!1;const r=w.xr.enabled,a=w.shadowMap.autoUpdate;C(),w.xr.enabled=!1,w.shadowMap.autoUpdate=!1,w.setRenderTarget(I),w.state.buffers.depth.setMask(!0),w.autoClear||w.clear(),w.render(g,q),v&&L.render(w,I,k),w.xr.enabled=r,w.shadowMap.autoUpdate=a,t.visible=!0,w.setRenderTarget(null)})),u.createElement("meshReflectorMaterialImpl",l.default({attach:"material",key:"key"+z["defines-USE_BLUR"]+z["defines-USE_DEPTH"]+z["defines-USE_DISTORTION"],ref:d.default([j,y])},z,S))}));exports.MeshReflectorMaterial=c;
@@ -6,10 +6,10 @@ import mergeRefs from 'react-merge-refs';
6
6
  import { BlurPass } from '../materials/BlurPass.js';
7
7
  import { MeshReflectorMaterial as MeshReflectorMaterial$1 } from '../materials/MeshReflectorMaterial.js';
8
8
 
9
- extend({
9
+ /*@__PURE__*/extend({
10
10
  MeshReflectorMaterialImpl: MeshReflectorMaterial$1
11
11
  });
12
- const MeshReflectorMaterial = /*#__PURE__*/React.forwardRef(({
12
+ const MeshReflectorMaterial = /*@__PURE__*/React.forwardRef(({
13
13
  mixBlur = 0,
14
14
  mixStrength = 1,
15
15
  resolution = 256,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("react"),t=require("@react-three/fiber"),a=require("three-mesh-bvh"),n=require("../materials/MeshRefractionMaterial.cjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}require("three"),require("./shaderMaterial.cjs.js");var u=i(e),s=o(r);exports.MeshRefractionMaterial=function({aberrationStrength:e=0,fastChroma:i=!0,envMap:o,...c}){t.extend({MeshRefractionMaterial:n.MeshRefractionMaterial});const l=r.useRef(),{size:f}=t.useThree(),h=r.useMemo((()=>{var r,t;const a={},n=(u=o)&&u.isCubeTexture;var u;const s=(null!==(r=n?null==(t=o.image[0])?void 0:t.width:o.image.width)&&void 0!==r?r:1024)/4,c=Math.floor(Math.log2(s)),l=Math.pow(2,c),f=3*Math.max(l,112),h=4*l;return n&&(a.ENVMAP_TYPE_CUBEM=""),a.CUBEUV_TEXEL_WIDTH=""+1/f,a.CUBEUV_TEXEL_HEIGHT=""+1/h,a.CUBEUV_MAX_MIP=`${c}.0`,e>0&&(a.CHROMATIC_ABERRATIONS=""),i&&(a.FAST_CHROMA=""),a}),[e,i]);return r.useLayoutEffect((()=>{var e;const r=null==(e=l.current)||null==(e=e.__r3f)||null==(e=e.parent)?void 0:e.geometry;r&&(l.current.bvh=new a.MeshBVHUniformStruct,l.current.bvh.updateFrom(new a.MeshBVH(r.clone().toNonIndexed(),{lazyGeneration:!1,strategy:a.SAH})))}),[]),t.useFrame((({camera:e})=>{l.current.viewMatrixInverse=e.matrixWorld,l.current.projectionMatrixInverse=e.projectionMatrixInverse})),s.createElement("meshRefractionMaterial",u.default({key:JSON.stringify(h),defines:h,ref:l,resolution:[f.width,f.height],aberrationStrength:e,envMap:o},c))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("react"),t=require("@react-three/fiber"),n=require("three-mesh-bvh"),a=require("../materials/MeshRefractionMaterial.cjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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)}require("three"),require("./shaderMaterial.cjs.js"),require("../helpers/constants.cjs.js");var u=i(e),s=o(r);exports.MeshRefractionMaterial=function({aberrationStrength:e=0,fastChroma:i=!0,envMap:o,...c}){t.extend({MeshRefractionMaterial:a.MeshRefractionMaterial});const l=r.useRef(),{size:f}=t.useThree(),h=r.useMemo((()=>{var r,t;const n={},a=(u=o)&&u.isCubeTexture;var u;const s=(null!==(r=a?null==(t=o.image[0])?void 0:t.width:o.image.width)&&void 0!==r?r:1024)/4,c=Math.floor(Math.log2(s)),l=Math.pow(2,c),f=3*Math.max(l,112),h=4*l;return a&&(n.ENVMAP_TYPE_CUBEM=""),n.CUBEUV_TEXEL_WIDTH=""+1/f,n.CUBEUV_TEXEL_HEIGHT=""+1/h,n.CUBEUV_MAX_MIP=`${c}.0`,e>0&&(n.CHROMATIC_ABERRATIONS=""),i&&(n.FAST_CHROMA=""),n}),[e,i]);return r.useLayoutEffect((()=>{var e;const r=null==(e=l.current)||null==(e=e.__r3f)||null==(e=e.parent)?void 0:e.geometry;r&&(l.current.bvh=new n.MeshBVHUniformStruct,l.current.bvh.updateFrom(new n.MeshBVH(r.clone().toNonIndexed(),{lazyGeneration:!1,strategy:n.SAH})))}),[]),t.useFrame((({camera:e})=>{l.current.viewMatrixInverse=e.matrixWorld,l.current.projectionMatrixInverse=e.projectionMatrixInverse})),s.createElement("meshRefractionMaterial",u.default({key:JSON.stringify(h),defines:h,ref:l,resolution:[f.width,f.height],aberrationStrength:e,envMap:o},c))};
@@ -304,7 +304,7 @@ class MeshTransmissionMaterialImpl extends THREE.MeshPhysicalMaterial {
304
304
  }));
305
305
  }
306
306
  }
307
- const MeshTransmissionMaterial = /*#__PURE__*/React.forwardRef(({
307
+ const MeshTransmissionMaterial = /*@__PURE__*/React.forwardRef(({
308
308
  buffer,
309
309
  transmissionSampler = false,
310
310
  backside = false,
@@ -42,7 +42,7 @@ class WobbleMaterialImpl extends MeshStandardMaterial {
42
42
  this._factor.value = v;
43
43
  }
44
44
  }
45
- const MeshWobbleMaterial = /*#__PURE__*/React.forwardRef(({
45
+ const MeshWobbleMaterial = /*@__PURE__*/React.forwardRef(({
46
46
  speed = 1,
47
47
  ...props
48
48
  }, ref) => {
@@ -5,7 +5,7 @@ import { useThree, useFrame } from '@react-three/fiber';
5
5
  import { misc, easing } from 'maath';
6
6
 
7
7
  const isObject3DRef = ref => (ref == null ? void 0 : ref.current) instanceof THREE.Object3D;
8
- const context = /*#__PURE__*/React.createContext(null);
8
+ const context = /*@__PURE__*/React.createContext(null);
9
9
  function useMotion() {
10
10
  return React.useContext(context);
11
11
  }
@@ -34,7 +34,7 @@ function Debug({
34
34
  position: [item.x, item.y, item.z]
35
35
  })));
36
36
  }
37
- const MotionPathControls = /*#__PURE__*/React.forwardRef(({
37
+ const MotionPathControls = /*@__PURE__*/React.forwardRef(({
38
38
  children,
39
39
  curves = [],
40
40
  object,
@@ -3,7 +3,7 @@ import { useThree, useFrame } from '@react-three/fiber';
3
3
  import * as React from 'react';
4
4
  import { OrbitControls as OrbitControls$1 } from 'three-stdlib';
5
5
 
6
- const OrbitControls = /*#__PURE__*/React.forwardRef(({
6
+ const OrbitControls = /*@__PURE__*/React.forwardRef(({
7
7
  makeDefault,
8
8
  camera,
9
9
  regress,
@@ -5,7 +5,7 @@ import mergeRefs from 'react-merge-refs';
5
5
  import { useFBO } from './useFBO.js';
6
6
 
7
7
  const isFunction = node => typeof node === 'function';
8
- const OrthographicCamera = /*#__PURE__*/React.forwardRef(({
8
+ const OrthographicCamera = /*@__PURE__*/React.forwardRef(({
9
9
  envMap,
10
10
  resolution = 256,
11
11
  frames = Infinity,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),n=require("three"),t=require("react"),r=require("./shaderMaterial.cjs.js"),i=require("@react-three/fiber"),o=require("three-stdlib");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=a(e),l=c(n),u=c(t);const d=r.shaderMaterial({screenspace:!1,color:new l.Color("black"),opacity:1,thickness:.05,size:new l.Vector2},"#include <common>\n #include <morphtarget_pars_vertex>\n #include <skinning_pars_vertex>\n uniform float thickness;\n uniform float screenspace;\n uniform vec2 size;\n void main() {\n #if defined (USE_SKINNING)\n\t #include <beginnormal_vertex>\n #include <morphnormal_vertex>\n #include <skinbase_vertex>\n #include <skinnormal_vertex>\n #include <defaultnormal_vertex>\n #endif\n #include <begin_vertex>\n\t #include <morphtarget_vertex>\n\t #include <skinning_vertex>\n #include <project_vertex>\n vec4 tNormal = vec4(normal, 0.0);\n vec4 tPosition = vec4(transformed, 1.0);\n #ifdef USE_INSTANCING\n tNormal = instanceMatrix * tNormal;\n tPosition = instanceMatrix * tPosition;\n #endif\n if (screenspace == 0.0) {\n vec3 newPosition = tPosition.xyz + tNormal.xyz * thickness;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0); \n } else {\n vec4 clipPosition = projectionMatrix * modelViewMatrix * tPosition;\n vec4 clipNormal = projectionMatrix * modelViewMatrix * tNormal;\n vec2 offset = normalize(clipNormal.xy) * thickness / size * clipPosition.w * 2.0;\n clipPosition.xy += offset;\n gl_Position = clipPosition;\n }\n }",`uniform vec3 color;\n uniform float opacity;\n void main(){\n gl_FragColor = vec4(color, opacity);\n #include <tonemapping_fragment>\n #include <${parseInt(l.REVISION.replace(/\D+/g,""))>=154?"colorspace_fragment":"encodings_fragment"}>\n }`);exports.Outlines=function({color:e="black",opacity:n=1,transparent:t=!1,screenspace:r=!1,toneMapped:a=!0,polygonOffset:c=!1,polygonOffsetFactor:f=0,renderOrder:p=0,thickness:m=.05,angle:g=Math.PI,...v}){var x;const y=u.useRef(null),[_]=u.useState((()=>new d({side:l.BackSide}))),{gl:M}=i.useThree(),h=M.getDrawingBufferSize(new l.Vector2);return u.useMemo((()=>i.extend({OutlinesMaterial:d})),[]),u.useLayoutEffect((()=>{const e=y.current,n=e.parent;if(n&&n.geometry){let t;return n.skeleton?(t=new l.SkinnedMesh,t.material=_,t.bind(n.skeleton,n.bindMatrix),e.add(t)):n.isInstancedMesh?(t=new l.InstancedMesh(n.geometry,_,n.count),t.instanceMatrix=n.instanceMatrix,e.add(t)):(t=new l.Mesh,t.material=_,e.add(t)),t.geometry=g?o.toCreasedNormals(n.geometry,g):n.geometry,()=>{g&&t.geometry.dispose(),e.remove(t)}}}),[g,null==(x=y.current)||null==(x=x.parent)?void 0:x.geometry]),u.useLayoutEffect((()=>{const o=y.current.children[0];o&&(o.renderOrder=p,i.applyProps(o.material,{transparent:t,thickness:m,color:e,opacity:n,size:h,screenspace:r,toneMapped:a,polygonOffset:c,polygonOffsetFactor:f}))}),[g,t,m,e,n,r,a,c,f,h,p]),u.createElement("group",s.default({ref:y},v))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),n=require("three"),t=require("react"),r=require("./shaderMaterial.cjs.js"),i=require("@react-three/fiber"),o=require("three-stdlib"),a=require("../helpers/constants.cjs.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var l=c(e),u=s(n),d=s(t);const f=r.shaderMaterial({screenspace:!1,color:new u.Color("black"),opacity:1,thickness:.05,size:new u.Vector2},"#include <common>\n #include <morphtarget_pars_vertex>\n #include <skinning_pars_vertex>\n uniform float thickness;\n uniform float screenspace;\n uniform vec2 size;\n void main() {\n #if defined (USE_SKINNING)\n\t #include <beginnormal_vertex>\n #include <morphnormal_vertex>\n #include <skinbase_vertex>\n #include <skinnormal_vertex>\n #include <defaultnormal_vertex>\n #endif\n #include <begin_vertex>\n\t #include <morphtarget_vertex>\n\t #include <skinning_vertex>\n #include <project_vertex>\n vec4 tNormal = vec4(normal, 0.0);\n vec4 tPosition = vec4(transformed, 1.0);\n #ifdef USE_INSTANCING\n tNormal = instanceMatrix * tNormal;\n tPosition = instanceMatrix * tPosition;\n #endif\n if (screenspace == 0.0) {\n vec3 newPosition = tPosition.xyz + tNormal.xyz * thickness;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(newPosition, 1.0); \n } else {\n vec4 clipPosition = projectionMatrix * modelViewMatrix * tPosition;\n vec4 clipNormal = projectionMatrix * modelViewMatrix * tNormal;\n vec2 offset = normalize(clipNormal.xy) * thickness / size * clipPosition.w * 2.0;\n clipPosition.xy += offset;\n gl_Position = clipPosition;\n }\n }",`uniform vec3 color;\n uniform float opacity;\n void main(){\n gl_FragColor = vec4(color, opacity);\n #include <tonemapping_fragment>\n #include <${a.version>=154?"colorspace_fragment":"encodings_fragment"}>\n }`);exports.Outlines=function({color:e="black",opacity:n=1,transparent:t=!1,screenspace:r=!1,toneMapped:a=!0,polygonOffset:c=!1,polygonOffsetFactor:s=0,renderOrder:p=0,thickness:m=.05,angle:g=Math.PI,...v}){var x;const y=d.useRef(null),[_]=d.useState((()=>new f({side:u.BackSide}))),{gl:h}=i.useThree(),M=h.getDrawingBufferSize(new u.Vector2);return d.useMemo((()=>i.extend({OutlinesMaterial:f})),[]),d.useLayoutEffect((()=>{const e=y.current,n=e.parent;if(n&&n.geometry){let t;return n.skeleton?(t=new u.SkinnedMesh,t.material=_,t.bind(n.skeleton,n.bindMatrix),e.add(t)):n.isInstancedMesh?(t=new u.InstancedMesh(n.geometry,_,n.count),t.instanceMatrix=n.instanceMatrix,e.add(t)):(t=new u.Mesh,t.material=_,e.add(t)),t.geometry=g?o.toCreasedNormals(n.geometry,g):n.geometry,()=>{g&&t.geometry.dispose(),e.remove(t)}}}),[g,null==(x=y.current)||null==(x=x.parent)?void 0:x.geometry]),d.useLayoutEffect((()=>{const o=y.current.children[0];o&&(o.renderOrder=p,i.applyProps(o.material,{transparent:t,thickness:m,color:e,opacity:n,size:M,screenspace:r,toneMapped:a,polygonOffset:c,polygonOffsetFactor:s}))}),[g,t,m,e,n,r,a,c,s,M,p]),d.createElement("group",l.default({ref:y},v))};
package/core/Outlines.js CHANGED
@@ -4,13 +4,14 @@ import * as React from 'react';
4
4
  import { shaderMaterial } from './shaderMaterial.js';
5
5
  import { useThree, extend, applyProps } from '@react-three/fiber';
6
6
  import { toCreasedNormals } from 'three-stdlib';
7
+ import { version } from '../helpers/constants.js';
7
8
 
8
- const OutlinesMaterial = shaderMaterial({
9
+ const OutlinesMaterial = /*@__PURE__*/shaderMaterial({
9
10
  screenspace: false,
10
- color: new THREE.Color('black'),
11
+ color: /*@__PURE__*/new THREE.Color('black'),
11
12
  opacity: 1,
12
13
  thickness: 0.05,
13
- size: new THREE.Vector2()
14
+ size: /*@__PURE__*/new THREE.Vector2()
14
15
  }, `#include <common>
15
16
  #include <morphtarget_pars_vertex>
16
17
  #include <skinning_pars_vertex>
@@ -50,7 +51,7 @@ const OutlinesMaterial = shaderMaterial({
50
51
  void main(){
51
52
  gl_FragColor = vec4(color, opacity);
52
53
  #include <tonemapping_fragment>
53
- #include <${parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
54
+ #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
54
55
  }`);
55
56
  function Outlines({
56
57
  color = 'black',
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { useState, useContext, useRef, useLayoutEffect, createContext } from 'react';
3
3
  import { useFrame } from '@react-three/fiber';
4
4
 
5
- const context = /*#__PURE__*/createContext(null);
5
+ const context = /*@__PURE__*/createContext(null);
6
6
  function PerformanceMonitor({
7
7
  iterations = 10,
8
8
  ms = 250,
@@ -5,7 +5,7 @@ import mergeRefs from 'react-merge-refs';
5
5
  import { useFBO } from './useFBO.js';
6
6
 
7
7
  const isFunction = node => typeof node === 'function';
8
- const PerspectiveCamera = /*#__PURE__*/React.forwardRef(({
8
+ const PerspectiveCamera = /*@__PURE__*/React.forwardRef(({
9
9
  envMap,
10
10
  resolution = 256,
11
11
  frames = Infinity,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("three"),r=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=n(e),l=a(t),c=a(r);const i=parseInt(l.REVISION.replace(/\D+/g,""))>=154?"opaque_fragment":"output_fragment";class s extends l.PointsMaterial{constructor(e){super(e),this.onBeforeCompile=(e,t)=>{const{isWebGL2:r}=t.capabilities;e.fragmentShader=e.fragmentShader.replace(`#include <${i}>`,`\n ${r?`#include <${i}>`:`#extension GL_OES_standard_derivatives : enable\n#include <${i}>`}\n vec2 cxy = 2.0 * gl_PointCoord - 1.0;\n float r = dot(cxy, cxy);\n float delta = fwidth(r); \n float mask = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, r);\n gl_FragColor = vec4(gl_FragColor.rgb, mask * gl_FragColor.a );\n #include <tonemapping_fragment>\n #include <${parseInt(l.REVISION.replace(/\D+/g,""))>=154?"colorspace_fragment":"encodings_fragment"}>\n `)}}}const u=c.forwardRef(((e,t)=>{const[r]=c.useState((()=>new s(null)));return c.createElement("primitive",o.default({},e,{object:r,ref:t,attach:"material"}))}));exports.PointMaterial=u,exports.PointMaterialImpl=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("three"),r=require("react"),n=require("../helpers/constants.cjs.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(e),l=o(t),c=o(r);const s=n.version>=154?"opaque_fragment":"output_fragment";class u extends l.PointsMaterial{constructor(e){super(e),this.onBeforeCompile=(e,t)=>{const{isWebGL2:r}=t.capabilities;e.fragmentShader=e.fragmentShader.replace(`#include <${s}>`,`\n ${r?`#include <${s}>`:`#extension GL_OES_standard_derivatives : enable\n#include <${s}>`}\n vec2 cxy = 2.0 * gl_PointCoord - 1.0;\n float r = dot(cxy, cxy);\n float delta = fwidth(r); \n float mask = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, r);\n gl_FragColor = vec4(gl_FragColor.rgb, mask * gl_FragColor.a );\n #include <tonemapping_fragment>\n #include <${n.version>=154?"colorspace_fragment":"encodings_fragment"}>\n `)}}}const f=c.forwardRef(((e,t)=>{const[r]=c.useState((()=>new u(null)));return c.createElement("primitive",i.default({},e,{object:r,ref:t,attach:"material"}))}));exports.PointMaterial=f,exports.PointMaterialImpl=u;
@@ -1,8 +1,9 @@
1
1
  import _extends from '@babel/runtime/helpers/esm/extends';
2
2
  import * as THREE from 'three';
3
3
  import * as React from 'react';
4
+ import { version } from '../helpers/constants.js';
4
5
 
5
- const opaque_fragment = parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 154 ? 'opaque_fragment' : 'output_fragment';
6
+ const opaque_fragment = version >= 154 ? 'opaque_fragment' : 'output_fragment';
6
7
  class PointMaterialImpl extends THREE.PointsMaterial {
7
8
  constructor(props) {
8
9
  super(props);
@@ -18,12 +19,12 @@ class PointMaterialImpl extends THREE.PointsMaterial {
18
19
  float mask = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, r);
19
20
  gl_FragColor = vec4(gl_FragColor.rgb, mask * gl_FragColor.a );
20
21
  #include <tonemapping_fragment>
21
- #include <${parseInt(THREE.REVISION.replace(/\D+/g, '')) >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
22
+ #include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>
22
23
  `);
23
24
  };
24
25
  }
25
26
  }
26
- const PointMaterial = /*#__PURE__*/React.forwardRef((props, ref) => {
27
+ const PointMaterial = /*@__PURE__*/React.forwardRef((props, ref) => {
27
28
  const [material] = React.useState(() => new PointMaterialImpl(null));
28
29
  return /*#__PURE__*/React.createElement("primitive", _extends({}, props, {
29
30
  object: material,
@@ -3,7 +3,7 @@ import { useThree } from '@react-three/fiber';
3
3
  import * as React from 'react';
4
4
  import { PointerLockControls as PointerLockControls$1 } from 'three-stdlib';
5
5
 
6
- const PointerLockControls = /*#__PURE__*/React.forwardRef(({
6
+ const PointerLockControls = /*@__PURE__*/React.forwardRef(({
7
7
  domElement,
8
8
  selector,
9
9
  onChange,
package/core/Points.js CHANGED
@@ -66,7 +66,7 @@ const position = /*@__PURE__*/new THREE.Vector3();
66
66
  /**
67
67
  * Instance implementation, relies on react + context to update the attributes based on the children of this component
68
68
  */
69
- const PointsInstances = /*#__PURE__*/React.forwardRef(({
69
+ const PointsInstances = /*@__PURE__*/React.forwardRef(({
70
70
  children,
71
71
  range,
72
72
  limit = 1000,
@@ -136,7 +136,7 @@ const PointsInstances = /*#__PURE__*/React.forwardRef(({
136
136
  value: api
137
137
  }, children));
138
138
  });
139
- const Point = /*#__PURE__*/React.forwardRef(({
139
+ const Point = /*@__PURE__*/React.forwardRef(({
140
140
  children,
141
141
  ...props
142
142
  }, ref) => {
@@ -160,7 +160,7 @@ const Point = /*#__PURE__*/React.forwardRef(({
160
160
  * Buffer implementation, relies on complete buffers of the correct number, leaves it to the user to update them
161
161
  */
162
162
 
163
- const PointsBuffer = /*#__PURE__*/React.forwardRef(({
163
+ const PointsBuffer = /*@__PURE__*/React.forwardRef(({
164
164
  children,
165
165
  positions,
166
166
  colors,
@@ -197,7 +197,7 @@ const PointsBuffer = /*#__PURE__*/React.forwardRef(({
197
197
  usage: THREE.DynamicDrawUsage
198
198
  })), children);
199
199
  });
200
- const Points = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
200
+ const Points = /*@__PURE__*/React.forwardRef((props, forwardedRef) => {
201
201
  if (props.positions instanceof Float32Array) {
202
202
  return /*#__PURE__*/React.createElement(PointsBuffer, _extends({}, props, {
203
203
  ref: forwardedRef
@@ -4,7 +4,7 @@ import { AudioListener, AudioLoader } from 'three';
4
4
  import { useThree, useLoader } from '@react-three/fiber';
5
5
  import mergeRefs from 'react-merge-refs';
6
6
 
7
- const PositionalAudio = /*#__PURE__*/React.forwardRef(({
7
+ const PositionalAudio = /*@__PURE__*/React.forwardRef(({
8
8
  url,
9
9
  distance = 1,
10
10
  loop = true,
@@ -1,11 +1,11 @@
1
1
  import _extends from '@babel/runtime/helpers/esm/extends';
2
2
  import * as React from 'react';
3
- import { Vector3, QuadraticBezierCurve3 } from 'three';
3
+ import { QuadraticBezierCurve3, Vector3 } from 'three';
4
4
  import mergeRefs from 'react-merge-refs';
5
5
  import { Line } from './Line.js';
6
6
 
7
- const v = new Vector3();
8
- const QuadraticBezierLine = /*#__PURE__*/React.forwardRef(function QuadraticBezierLine({
7
+ const v = /*@__PURE__*/new Vector3();
8
+ const QuadraticBezierLine = /*@__PURE__*/React.forwardRef(function QuadraticBezierLine({
9
9
  start = [0, 0, 0],
10
10
  end = [0, 0, 0],
11
11
  mid,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),a=require("@react-three/fiber"),n=require("react-merge-refs"),o=require("../materials/BlurPass.cjs.js"),s=require("../materials/MeshReflectorMaterial.cjs.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("../materials/ConvolutionMaterial.cjs.js");var u=i(e),d=l(t),c=i(n);a.extend({MeshReflectorMaterial:s.MeshReflectorMaterial});const p=d.forwardRef((({mixBlur:e=0,mixStrength:t=.5,resolution:n=256,blur:s=[0,0],args:i=[1,1],minDepthThreshold:l=.9,maxDepthThreshold:p=1,depthScale:m=0,depthToBlurRatioBias:h=.25,mirror:f=0,children:x,debug:M=0,distortion:b=1,mixContrast:w=1,distortionMap:y,...T},g)=>{d.useEffect((()=>{console.warn("Reflector has been deprecated and will be removed next major. Replace it with <MeshReflectorMaterial />!")}),[]);const S=a.useThree((({gl:e})=>e)),R=a.useThree((({camera:e})=>e)),j=a.useThree((({scene:e})=>e)),v=(s=Array.isArray(s)?s:[s,s])[0]+s[1]>0,B=d.useRef(null),[D]=d.useState((()=>new r.Plane)),[P]=d.useState((()=>new r.Vector3)),[F]=d.useState((()=>new r.Vector3)),[V]=d.useState((()=>new r.Vector3)),[W]=d.useState((()=>new r.Matrix4)),[E]=d.useState((()=>new r.Vector3(0,0,-1))),[O]=d.useState((()=>new r.Vector4)),[q]=d.useState((()=>new r.Vector3)),[U]=d.useState((()=>new r.Vector3)),[C]=d.useState((()=>new r.Vector4)),[_]=d.useState((()=>new r.Matrix4)),[L]=d.useState((()=>new r.PerspectiveCamera)),k=d.useCallback((()=>{if(F.setFromMatrixPosition(B.current.matrixWorld),V.setFromMatrixPosition(R.matrixWorld),W.extractRotation(B.current.matrixWorld),P.set(0,0,1),P.applyMatrix4(W),q.subVectors(F,V),q.dot(P)>0)return;q.reflect(P).negate(),q.add(F),W.extractRotation(R.matrixWorld),E.set(0,0,-1),E.applyMatrix4(W),E.add(V),U.subVectors(F,E),U.reflect(P).negate(),U.add(F),L.position.copy(q),L.up.set(0,1,0),L.up.applyMatrix4(W),L.up.reflect(P),L.lookAt(U),L.far=R.far,L.updateMatrixWorld(),L.projectionMatrix.copy(R.projectionMatrix),_.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),_.multiply(L.projectionMatrix),_.multiply(L.matrixWorldInverse),_.multiply(B.current.matrixWorld),D.setFromNormalAndCoplanarPoint(P,F),D.applyMatrix4(L.matrixWorldInverse),O.set(D.normal.x,D.normal.y,D.normal.z,D.constant);const e=L.projectionMatrix;C.x=(Math.sign(O.x)+e.elements[8])/e.elements[0],C.y=(Math.sign(O.y)+e.elements[9])/e.elements[5],C.z=-1,C.w=(1+e.elements[10])/e.elements[14],O.multiplyScalar(2/O.dot(C)),e.elements[2]=O.x,e.elements[6]=O.y,e.elements[10]=O.z+1,e.elements[14]=O.w}),[]),[z,A,I,G]=d.useMemo((()=>{const a={type:r.HalfFloatType,minFilter:r.LinearFilter,magFilter:r.LinearFilter},i=new r.WebGLRenderTarget(n,n,a);i.depthBuffer=!0,i.depthTexture=new r.DepthTexture(n,n),i.depthTexture.format=r.DepthFormat,i.depthTexture.type=r.UnsignedShortType;const u=new r.WebGLRenderTarget(n,n,a);return[i,u,new o.BlurPass({gl:S,resolution:n,width:s[0],height:s[1],minDepthThreshold:l,maxDepthThreshold:p,depthScale:m,depthToBlurRatioBias:h}),{mirror:f,textureMatrix:_,mixBlur:e,tDiffuse:i.texture,tDepth:i.depthTexture,tDiffuseBlur:u.texture,hasBlur:v,mixStrength:t,minDepthThreshold:l,maxDepthThreshold:p,depthScale:m,depthToBlurRatioBias:h,transparent:!0,debug:M,distortion:b,distortionMap:y,mixContrast:w,"defines-USE_BLUR":v?"":void 0,"defines-USE_DEPTH":m>0?"":void 0,"defines-USE_DISTORTION":y?"":void 0}]}),[S,s,_,n,f,v,e,t,l,p,m,h,M,b,y,w]);return a.useFrame((()=>{if(null==B||!B.current)return;B.current.visible=!1;const e=S.xr.enabled,t=S.shadowMap.autoUpdate;k(),S.xr.enabled=!1,S.shadowMap.autoUpdate=!1,S.setRenderTarget(z),S.state.buffers.depth.setMask(!0),S.autoClear||S.clear(),S.render(j,L),v&&I.render(S,z,A),S.xr.enabled=e,S.shadowMap.autoUpdate=t,B.current.visible=!0,S.setRenderTarget(null)})),d.createElement("mesh",u.default({ref:c.default([B,g])},T),d.createElement("planeGeometry",{args:i}),x?x("meshReflectorMaterial",G):d.createElement("meshReflectorMaterial",G))}));exports.Reflector=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("react"),r=require("three"),a=require("@react-three/fiber"),n=require("react-merge-refs"),o=require("../materials/BlurPass.cjs.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}require("../materials/ConvolutionMaterial.cjs.js"),require("../helpers/constants.cjs.js");var l=s(e),u=i(t),d=s(n);const c=u.forwardRef((({mixBlur:e=0,mixStrength:t=.5,resolution:n=256,blur:s=[0,0],args:i=[1,1],minDepthThreshold:c=.9,maxDepthThreshold:p=1,depthScale:m=0,depthToBlurRatioBias:h=.25,mirror:x=0,children:f,debug:M=0,distortion:b=1,mixContrast:w=1,distortionMap:y,...T},g)=>{u.useEffect((()=>{console.warn("Reflector has been deprecated and will be removed next major. Replace it with <MeshReflectorMaterial />!")}),[]);const S=a.useThree((({gl:e})=>e)),R=a.useThree((({camera:e})=>e)),j=a.useThree((({scene:e})=>e)),v=(s=Array.isArray(s)?s:[s,s])[0]+s[1]>0,B=u.useRef(null),[D]=u.useState((()=>new r.Plane)),[P]=u.useState((()=>new r.Vector3)),[F]=u.useState((()=>new r.Vector3)),[V]=u.useState((()=>new r.Vector3)),[W]=u.useState((()=>new r.Matrix4)),[E]=u.useState((()=>new r.Vector3(0,0,-1))),[O]=u.useState((()=>new r.Vector4)),[q]=u.useState((()=>new r.Vector3)),[U]=u.useState((()=>new r.Vector3)),[C]=u.useState((()=>new r.Vector4)),[_]=u.useState((()=>new r.Matrix4)),[L]=u.useState((()=>new r.PerspectiveCamera)),k=u.useCallback((()=>{if(F.setFromMatrixPosition(B.current.matrixWorld),V.setFromMatrixPosition(R.matrixWorld),W.extractRotation(B.current.matrixWorld),P.set(0,0,1),P.applyMatrix4(W),q.subVectors(F,V),q.dot(P)>0)return;q.reflect(P).negate(),q.add(F),W.extractRotation(R.matrixWorld),E.set(0,0,-1),E.applyMatrix4(W),E.add(V),U.subVectors(F,E),U.reflect(P).negate(),U.add(F),L.position.copy(q),L.up.set(0,1,0),L.up.applyMatrix4(W),L.up.reflect(P),L.lookAt(U),L.far=R.far,L.updateMatrixWorld(),L.projectionMatrix.copy(R.projectionMatrix),_.set(.5,0,0,.5,0,.5,0,.5,0,0,.5,.5,0,0,0,1),_.multiply(L.projectionMatrix),_.multiply(L.matrixWorldInverse),_.multiply(B.current.matrixWorld),D.setFromNormalAndCoplanarPoint(P,F),D.applyMatrix4(L.matrixWorldInverse),O.set(D.normal.x,D.normal.y,D.normal.z,D.constant);const e=L.projectionMatrix;C.x=(Math.sign(O.x)+e.elements[8])/e.elements[0],C.y=(Math.sign(O.y)+e.elements[9])/e.elements[5],C.z=-1,C.w=(1+e.elements[10])/e.elements[14],O.multiplyScalar(2/O.dot(C)),e.elements[2]=O.x,e.elements[6]=O.y,e.elements[10]=O.z+1,e.elements[14]=O.w}),[]),[z,A,I,G]=u.useMemo((()=>{const a={type:r.HalfFloatType,minFilter:r.LinearFilter,magFilter:r.LinearFilter},i=new r.WebGLRenderTarget(n,n,a);i.depthBuffer=!0,i.depthTexture=new r.DepthTexture(n,n),i.depthTexture.format=r.DepthFormat,i.depthTexture.type=r.UnsignedShortType;const l=new r.WebGLRenderTarget(n,n,a);return[i,l,new o.BlurPass({gl:S,resolution:n,width:s[0],height:s[1],minDepthThreshold:c,maxDepthThreshold:p,depthScale:m,depthToBlurRatioBias:h}),{mirror:x,textureMatrix:_,mixBlur:e,tDiffuse:i.texture,tDepth:i.depthTexture,tDiffuseBlur:l.texture,hasBlur:v,mixStrength:t,minDepthThreshold:c,maxDepthThreshold:p,depthScale:m,depthToBlurRatioBias:h,transparent:!0,debug:M,distortion:b,distortionMap:y,mixContrast:w,"defines-USE_BLUR":v?"":void 0,"defines-USE_DEPTH":m>0?"":void 0,"defines-USE_DISTORTION":y?"":void 0}]}),[S,s,_,n,x,v,e,t,c,p,m,h,M,b,y,w]);return a.useFrame((()=>{if(null==B||!B.current)return;B.current.visible=!1;const e=S.xr.enabled,t=S.shadowMap.autoUpdate;k(),S.xr.enabled=!1,S.shadowMap.autoUpdate=!1,S.setRenderTarget(z),S.state.buffers.depth.setMask(!0),S.autoClear||S.clear(),S.render(j,L),v&&I.render(S,z,A),S.xr.enabled=e,S.shadowMap.autoUpdate=t,B.current.visible=!0,S.setRenderTarget(null)})),u.createElement("mesh",l.default({ref:d.default([B,g])},T),u.createElement("planeGeometry",{args:i}),f?f("meshReflectorMaterial",G):u.createElement("meshReflectorMaterial",G))}));exports.Reflector=c;
package/core/Reflector.js CHANGED
@@ -6,14 +6,14 @@ import mergeRefs from 'react-merge-refs';
6
6
  import { BlurPass } from '../materials/BlurPass.js';
7
7
  import { MeshReflectorMaterial } from '../materials/MeshReflectorMaterial.js';
8
8
 
9
- extend({
9
+ /*@__PURE__*/extend({
10
10
  MeshReflectorMaterial
11
11
  });
12
12
 
13
13
  /**
14
14
  * @deprecated Use MeshReflectorMaterial instead
15
15
  */
16
- const Reflector = /*#__PURE__*/React.forwardRef(({
16
+ const Reflector = /*@__PURE__*/React.forwardRef(({
17
17
  mixBlur = 0,
18
18
  mixStrength = 0.5,
19
19
  resolution = 256,
@@ -4,7 +4,7 @@ import * as React from 'react';
4
4
  import { useThree, createPortal, useFrame } from '@react-three/fiber';
5
5
  import { useFBO } from './useFBO.js';
6
6
 
7
- const RenderTexture = /*#__PURE__*/React.forwardRef(({
7
+ const RenderTexture = /*@__PURE__*/React.forwardRef(({
8
8
  children,
9
9
  compute,
10
10
  width,