@react-three/drei 9.73.1 → 9.73.2

package/core/MeshPortalMaterial.cjs.js

@@ -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("./RenderTexture.cjs.js"),u=require("./shaderMaterial.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("./useFBO.cjs.js");var l=i(e),c=o(r),s=o(t);const d=u.shaderMaterial({blur:0,map:null,resolution:new c.Vector2},"varying vec2 vUv;\n   void main() {\n     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n     vUv = uv;\n   }","varying vec2 vUv;\n   uniform float blur;\n   uniform sampler2D map;\n   uniform vec2 resolution;\n   void main() {\n     vec2 uv = gl_FragCoord.xy / resolution.xy;\n     float strength = 1.0 - distance(vUv, vec2(0.5)) * 2.0 * blur;\n     gl_FragColor = vec4(texture2D(map, uv).rgb, strength);\n     #include <tonemapping_fragment>\n     #include <encodings_fragment>\n   }"),v=s.forwardRef((({children:e,...r},t)=>{n.extend({PortalMaterial:d});const u=s.useRef(null),i=s.useRef(null),{size:o,events:c,viewport:v}=n.useThree();return n.useFrame((()=>{var e;let r=null==(e=u.current)?void 0:e.__r3f.parent;r&&i.current.matrix.copy(r.matrixWorld)})),s.useImperativeHandle(t,(()=>u.current)),s.createElement("portalMaterial",l.default({ref:u,resolution:[o.width*v.dpr,o.height*v.dpr],toneMapped:!1},r),s.createElement(a.RenderTexture,{attach:"map",compute:c.compute},s.createElement("group",{onPointerOver:()=>null,matrixAutoUpdate:!1,ref:i},e)))}));exports.MeshPortalMaterial=v;
+"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("./RenderTexture.cjs.js"),o=require("./shaderMaterial.cjs.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(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("./useFBO.cjs.js");var l=u(e),c=i(r),s=i(t);const v=o.shaderMaterial({blur:0,map:null,resolution:new c.Vector2},"varying vec2 vUv;\n   void main() {\n     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n     vUv = uv;\n   }","varying vec2 vUv;\n   uniform float blur;\n   uniform sampler2D map;\n   uniform vec2 resolution;\n   float blurCircle(vec2 center, vec2 uv, float k) {\n     float sdf = distance(uv, center) - 0.5;\n     float norm = sdf / 0.5;\n     return 1.0 - smoothstep(0.0, 1.0, clamp((1.0/k)*norm + 1.0, 0.0, 1.0));\n   }\n   void main() {\n     vec2 uv = gl_FragCoord.xy / resolution.xy;\n     vec4 t = texture2D(map, uv);\n     float strength = blurCircle(vec2(0.5), vUv, blur);\n     gl_FragColor = vec4(t.rgb, t.a * strength);\n     #include <tonemapping_fragment>\n     #include <encodings_fragment>\n   }"),f=s.forwardRef((({children:e,...r},t)=>{n.extend({PortalMaterial:v});const o=s.useRef(null),u=s.useRef(null),{size:i,events:c,viewport:f}=n.useThree();return n.useFrame((()=>{var e;let r=null==(e=o.current)?void 0:e.__r3f.parent;r&&u.current.matrix.copy(r.matrixWorld)})),s.useImperativeHandle(t,(()=>o.current)),s.createElement("portalMaterial",l.default({ref:o,resolution:[i.width*f.dpr,i.height*f.dpr],toneMapped:!1},r),s.createElement(a.RenderTexture,{attach:"map",compute:c.compute},s.createElement("group",{onPointerOver:()=>null,matrixAutoUpdate:!1,ref:u},e)))}));exports.MeshPortalMaterial=f;

package/core/MeshPortalMaterial.js

@@ -17,10 +17,16 @@ const PortalMaterial = shaderMaterial({
    uniform float blur;
    uniform sampler2D map;
    uniform vec2 resolution;
+   float blurCircle(vec2 center, vec2 uv, float k) {
+     float sdf = distance(uv, center) - 0.5;
+     float norm = sdf / 0.5;
+     return 1.0 - smoothstep(0.0, 1.0, clamp((1.0/k)*norm + 1.0, 0.0, 1.0));
+   }
    void main() {
      vec2 uv = gl_FragCoord.xy / resolution.xy;
-     float strength = 1.0 - distance(vUv, vec2(0.5)) * 2.0 * blur;
-     gl_FragColor = vec4(texture2D(map, uv).rgb, strength);
+     vec4 t = texture2D(map, uv);
+     float strength = blurCircle(vec2(0.5), vUv, blur);
+     gl_FragColor = vec4(t.rgb, t.a * strength);
      #include <tonemapping_fragment>
      #include <encodings_fragment>
    }`);