1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[134],{4994:function(e,t,r){"use strict";r.d(t,{Z:function(){return ToolJsonLd}}),r(67294);var n=r(85893),o="https://www.magicpattern.design";function ToolJsonLd(e){var t=e.tool;if(!t)return null;var r={"@context":"https://schema.org","@type":"SoftwareApplication",name:t.seoName||t.name,description:t.seoDescription||t.description,url:t.href?"".concat(o).concat(t.href):o,applicationCategory:"DesignApplication",operatingSystem:"Web",screenshot:t.ogImage,offers:t.isPro?void 0:{"@type":"Offer",price:"0",priceCurrency:"USD"},author:{"@type":"Organization",name:"MagicPattern",url:o}},i=Array.isArray(t.faqs)&&t.faqs.length>0?{"@context":"https://schema.org","@type":"FAQPage",mainEntity:t.faqs.map(function(e){return{"@type":"Question",name:e.questionName,acceptedAnswer:{"@type":"Answer",text:e.acceptedAnswerText}}})}:null;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),i&&(0,n.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(i)}})]})}},45107:function(e,t,r){"use strict";r.d(t,{w3:function(){return FluttedGlassEffect}});var n=r(92777),o=r(82262),i=r(81531),a=r(63553),s=r(37247),l=r(67294),c=r(52057),u=r(50126),f=r(63467),d=r(62371),p=r(85893);function _createSuper(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var r,n=(0,s.Z)(e);if(t){var o=(0,s.Z)(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return(0,a.Z)(this,r)}}var g=function(e){(0,i.Z)(CustomFluttedGlassEffectImpl,e);var t=_createSuper(CustomFluttedGlassEffectImpl);function CustomFluttedGlassEffectImpl(e){e.distortion,e.fluteSections,e.lightPosition,e.fill,e.blur,(0,n.Z)(this,CustomFluttedGlassEffectImpl);var r,o=new Map([["distortion",{value:.95}],["lightPosition",{value:[1,0,1]}],["fill",{value:1}],["fluteSections",{value:25}],["blur",{value:1}]]);return(r=t.call(this,"CustomFluttedGlassEffect","\nuniform float distortion;\nuniform vec3 lightPosition;\nuniform float fill;\nuniform float blur; // Blur attribute to control blur intensity\nuniform float fluteSections; // Number of vertical frost sections\n\nfloat random(vec2 st) {\n return fract(sin(dot(st.xy, vec2(12.9898,78.233))) * 43758.5453123);\n}\n\nconst float SPREAD = 0.035;\n\nvoid mainImage(const in vec4 inputColor, const in vec2 uv, out vec4 outputColor) {\n float fluteCount = fluteSections > 0.0 ? fluteSections : 25.0; // Use the fluteSections parameter with a fallback\n float flutePosition = fract(uv.x * fluteCount + 0.5);\n \n vec3 normal = vec3(0.0);\n normal.x = cos(flutePosition * PI * 2.0) * PI * 0.15;\n normal.y = 0.0;\n normal.z = sqrt(1.0 - normal.x * normal.x);\n normal = normalize(normal);\n \n vec3 lightDir = normalize(vec3(lightPosition));\n float diffuse = max(dot(normal, lightDir), 0.0);\n float specular = pow(max(dot(reflect(-lightDir, normal), vec3(0.0, 0.0, 1.0)), 0.0), 32.0);\n \n vec2 distortedUV = uv + normal.xy * distortion;\n \n if(uv.x < fill) {\n // Use the blur uniform to control blur intensity and transparency\n const float sigma = 20.0;\n float blurSize = 0.004 * blur; // Scale blur size by blur attribute\n float noiseScale = 1.0; // Adjust for frost grain size\n float frostAmount = 0.002 * blur; // Scale frost intensity by blur\n float glassOpacity = 0.8 + 0.2 * (1.0 - min(blur, 1.0)); // Higher blur = lower opacity\n vec2 noiseUV = distortedUV * noiseScale;\n float noise = random(noiseUV) * 2.0 - 1.0;\n \n float totalWeight = 0.0;\n vec4 color = vec4(0.0);\n color = texture(inputBuffer, distortedUV);\n \n float colorR = 0.0;\n float colorG = 0.0;\n float colorB = 0.0;\n \n for(float i = -2.0; i <= 2.0; i++) {\n for(float j = -2.0; j <= 2.0; j++) {\n vec2 offset = vec2(i, j) * blurSize;\n float weight = exp(-(i * i + j * j) / (2.0 * sigma * sigma));\n vec2 sampleUV = distortedUV + noise * frostAmount + offset;\n \n colorR += texture2D(inputBuffer, sampleUV + vec2(distortion, 0.0) * 0.02).r * weight;\n colorG += texture2D(inputBuffer, sampleUV).g * weight;\n colorB += texture2D(inputBuffer, sampleUV - vec2(distortion, 0.0) * 0.02).b * weight;\n totalWeight += weight;\n }\n }\n \n color /= totalWeight;\n color.r = colorR / totalWeight;\n color.g = colorG / totalWeight;\n color.b = colorB / totalWeight;\n color.a = 1.0;\n \n float ambient = 0.5;\n color.rgb *= (ambient + diffuse * 0.5);\n color.rgb += specular * 0.05;\n \n // // Apply transparency based on blur amount\n // color.a = glassOpacity;\n \n // // Mix with original color based on transparency\n // outputColor = mix(inputColor, color, color.a);\n outputColor = color;\n } else {\n outputColor = inputColor;\n }\n}\n",{uniforms:o})).uniforms=o,r}return(0,o.Z)(CustomFluttedGlassEffectImpl,[{key:"update",value:function(e,t,r){this.uniforms.get("fluteSections").value=this.fluteSections,this.uniforms.get("blur").value=this.blur,this.uniforms.get("distortion").value=this.distortion,this.uniforms.get("lightPosition").value=this.lightPosition,this.uniforms.get("fill").value=this.fill}}]),CustomFluttedGlassEffectImpl}(d.Qm),h=function(e){(0,i.Z)(CustomFrostedGlassEffectImpl,e);var t=_createSuper(CustomFrostedGlassEffectImpl);function CustomFrostedGlassEffectImpl(e){e.distortion,e.fluteSections,e.lightPosition,e.fill,e.blur,e.brightness,(0,n.Z)(this,CustomFrostedGlassEffectImpl);var r,o=new Map([["distortion",{value:.95}],["lightPosition",{value:[1,0,1]}],["fill",{value:1}],["fluteSections",{value:25}],["blur",{value:1}],["brightness",{value:1}],["contrast",{value:1}]]);return(r=t.call(this,"CustomFluttedGlassEffect","\nuniform float distortion;\nuniform vec3 lightPosition;\nuniform float fill;\nuniform float brightness;\nuniform float contrast;\n\n// Helper functions for the frosted glass shader\nfloat stepfun(float x) {\n return (sign(x) + 1.0) / 2.0;\n}\n\nfloat random(vec2 st) {\n return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453123);\n}\n\nvec2 distortUV(vec2 uv) {\n // Apply distortion to the entire screen without using the square pattern\n // that was limiting the effect to a rectangle\n float noiseVal = random(uv * 5.0) * 2.0 - 1.0;\n float noiseVal2 = random((uv + vec2(0.5)) * 5.0) * 2.0 - 1.0;\n \n // Scale distortion with parameter\n return uv + vec2(noiseVal, noiseVal2) * distortion * 0.03;\n}\n\nvoid mainImage(const in vec4 inputColor, const in vec2 uv, out vec4 outputColor) {\n if (uv.x < fill) { // Keep the fill parameter to control effect boundary\n // Apply frosted glass distortion to the entire screen\n vec2 distortedUV = distortUV(uv);\n \n // Sample with slight chromatic aberration for realism\n float r = texture(inputBuffer, distortedUV + vec2(distortion * 0.01, 0.0)).r;\n float g = texture(inputBuffer, distortedUV).g;\n float b = texture(inputBuffer, distortedUV - vec2(distortion * 0.01, 0.0)).b;\n \n // Combine colors\n vec4 color = vec4(r, g, b, 1.0);\n\n // Apply a simple light effect\n // float ambient = 0.9;\n // color.rgb *= ambient;\n \n // // Add a slight white tint for the frosted look\n // color.rgb = mix(color.rgb, vec3(1.0), 0.);\n\n // Apply contrast adjustment\n color.rgb = (color.rgb - 0.5) * contrast + 0.5;\n\n // Apply brightness control - allows darkening or brightening\n color.rgb *= brightness;\n \n // Add a slight white tint for the frosted look only if brightness > 1.0\n if (brightness > 1.0) {\n float tintAmount = min((brightness - 1.0) * 0.1, 0.2); // Cap tint at 20%\n color.rgb = mix(color.rgb, vec3(1.0), tintAmount);\n }\n \n \n outputColor = color;\n } else {\n outputColor = inputColor;\n }\n}\n",{uniforms:o})).uniforms=o,r}return(0,o.Z)(CustomFrostedGlassEffectImpl,[{key:"update",value:function(e,t,r){this.uniforms.get("fluteSections").value=this.fluteSections,this.uniforms.get("blur").value=this.blur,this.uniforms.get("distortion").value=this.distortion,this.uniforms.get("lightPosition").value=this.lightPosition,this.uniforms.get("fill").value=this.fill,this.uniforms.get("brightness").value=this.brightness,this.uniforms.get("contrast").value=this.contrast}}]),CustomFrostedGlassEffectImpl}(d.Qm),m=(0,u.p1)(g),b=(0,u.p1)(h),FluttedGlassEffect=function(e){var t=e.distortion,r=void 0===t?.9:t,n=e.fill,o=void 0===n?1:n,i=e.blur,a=void 0===i?.5:i,s=e.fluteSections,u=void 0===s?10:s,d=e.lightPosition,g=void 0===d?[1,0,1]:d,h=e.type,x=e.brightness,v=e.contrast,w=l.useRef();return(0,c.F)(function(e){var t=e.camera;w.current&&(w.current.distortion=r,w.current.lightPosition=g,w.current.fill=o,w.current.blur=a,w.current.fluteSections=u),t.lookAt(0,0,0)}),(0,p.jsx)(f.x,{children:"frosted"==(void 0===h?"fractal":h)?(0,p.jsx)(b,{ref:w,distortion:r,lightPosition:g,fill:o,blur:a,fluteSections:u,brightness:void 0===x?1:x,contrast:void 0===v?1:v}):(0,p.jsx)(m,{ref:w,distortion:r,lightPosition:g,fill:o,blur:a,fluteSections:u})})}},51572:function(e,t,r){"use strict";r.d(t,{Z:function(){return PreviewImage}});var n=r(59499),o=r(4730),i=r(68527),a=r(34651),s=r(85893),l=["src","isOdd","onSelect","imgScale"];function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};
1t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function PreviewImage(e){var t=e.src,r=e.isOdd,n=e.onSelect,c=e.imgScale,u=(0,o.Z)(e,l);return(0,s.jsx)(i.xu,_objectSpread(_objectSpread({role:"group",as:"button",transform:"rotate(".concat(r?5:-3,"deg)"),border:"4px solid white",borderColor:"bg.surface",transition:"0.4s ease-out all",borderRadius:"20px",overflow:"hidden",w:"140px",shadow:"base",_hover:{transform:"rotate(0deg) translateY(-4px) scale(1.1)",zIndex:1},onClick:n},u),{},{children:(0,s.jsx)(a.Ee,{src:t,w:"100%",objectFit:"cover",sx:{aspectRatio:4/3+""},transition:"0.4s ease-out all",_groupHover:{transform:"scale(".concat(void 0===c?1.8:c,")")}})}))}},95253:function(e,t,r){"use strict";r.d(t,{Z:function(){return FractalGlassEditor}});var n=r(59499),o=r(17674),i=r(68527),a=r(47398),s=r(34651),l=r(67294),c=r(5434),u=r(53854),f=r(37106),d=r(46734),p=r(35978),g=r(47699),h=r(96191),m=r(24239),b=r(75313),x=r(29095),v=r(52057),w=r(13611),j=r(12246),y=r(11301),S=r(16597),C=r(14669),D=r(59208),O=r(21459),Z=r(51572),P=r(45107),R=r(85893);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var A="fractal-glass",_=j.Z.find(function(e){return e.id===A}),E=["https://images.unsplash.com/photo-1541356665065-22676f35dd40?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTMxfHxncmFkaWVudHxlbnwwfHwwfHx8MA%3D%3D","https://images.unsplash.com/photo-1530281700549-e82e7bf110d6?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8ZG9nfGVufDB8fDB8fHww","https://images.unsplash.com/photo-1686715692509-8cb69d40d081?q=80&w=3154&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D","https://images.unsplash.com/photo-1714757137945-b40ecc09fd74?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxNHx8fGVufDB8fHx8fA%3D%3D","https://images.unsplash.com/photo-1714045866660-8903e68b0132?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDQ0fGhtZW52UWhVbXhNfHxlbnwwfHx8fHw%3D","https://images.unsplash.com/photo-1714206917332-d3965fd8e896?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHx0b3BpYy1mZWVkfDU4fGhtZW52UWhVbXhNfHxlbnwwfHx8fHw%3D"];function FractalGlassEditor(e){var t,r=e.src,s=l.useRef(null),c=l.useRef(null),f=l.useState(!0),p=(0,o.Z)(f,2),v=p[0],j=p[1],D=l.useState(25),P=(0,o.Z)(D,2),k=P[0],M=P[1],B=l.useState(.5),I=(0,o.Z)(B,2),U=I[0],F=I[1],W=l.useState(.2),z=(0,o.Z)(W,2),H=z[0],G=z[1],L=l.useState(5),V=(0,o.Z)(L,2),N=V[0],q=V[1],T=l.useState(1),K=(0,o.Z)(T,2),Y=K[0],Q=K[1],J=l.useState("fractal"),X=(0,o.Z)(J,2),$=X[0],ee=X[1],et=l.useState(1),er=(0,o.Z)(et,2),en=er[0],eo=er[1],ei=l.useState(1),ea=(0,o.Z)(ei,2),es=ea[0],el=ea[1],ec=l.useState("https://images.unsplash.com/photo-1714757137945-b40ecc09fd74?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxNHx8fGVufDB8fHx8fA%3D%3D"),eu=(0,o.Z)(ec,2),ef=eu[0],ed=eu[1],ep=l.useState({width:100,height:100}),eg=(0,o.Z)(ep,2),eh=eg[0],em=eg[1];function duplicateCanvas(e){var t=e.canvas,r=e.width,n=e.height,o=document.createElement("canvas");return o.width=r,o.height=n,o.getContext("2d").drawImage(t,0,0,o.width,o.height),o}l.useEffect(function(){return(0,y.ql)(ed),(0,y.a_)(ed)},[]),l.useEffect(function(){var e=new window.Image;e.src=ef,e.onload=function(){em({width:e.width,height:e.height})}},[ef]),l.useEffect(function(){ed(r)},[r]);var eb=l.useCallback(function(e){return new Promise(function(t,r){var n=duplicateCanvas(_objectSpread({canvas:c.current},eh)),o=document.createElement("a");o.setAttribute("download","magicpattern-dither-".concat(Date.now(),".").concat(e)),o.setAttribute("href",n.toDataURL("image/".concat(e)).replace("image/".concat(e),"image/octet-stream")),o.click(),o.remove(),t()})},[c.current,eh]),ex=l.useCallback(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"png";return new Promise(function(t,r){var n=duplicateCanvas(_objectSpread({canvas:c.current},eh));n||r("Canvas not found"),t(n.toDataURL("image/".concat(e)))})},[c.current,eh]);return(0,R.jsx)(g.ZP,{alwaysLtdBanner:!0,activeTool:A,seoTitle:"About the ".concat(_.seoName),seoContent:(0,R.jsx)(O.Z,{ogImage:_.ogImage,seoName:_.seoName,content:[{title:null,paragraphs:["Advanced online fractal glass generator, maker for creatives, illustrations, wallpapers, and web design graphics.","Simple free online tool to add fractal glass effects to your images. Upload your image, and simply adjust the effects intensity. Once you're satisfied with the fractal glass effect intensity click Export & download your image."]},{title:"Why should I add the fractal glass effect on an image?",paragraphs:["The fractal glass effect are a great way to enhance your image, illustration, logo appearance & quality. It makes your graphics more aesthetic and adds a unique style to your creation."]},{title:"How to add the fractal glass effect to your images?",paragraphs:["It's super simple to add the fractal glass effect to your editorial graphics:","1. Upload any image to MagicPattern fractal glass generator","2. Adjust the effects parameters (number of steps)","3. Export your grainy illustration as PNG or JPEG image"]},{title:"What Are the Different Names for the Fractal Glass Effect?",paragraphs:["In graphic design, the fractal glass effect goes by several names, each highlighting its unique visual appeal. Known as the frosted glass effect, it adds a sleek, semi-transparent layer to designs, perfect for modern UI elements. The fluted glass effect and reeded glass effect emphasize its ribbed, linear texture, ideal for dynamic backgrounds. Designers also call it the ribbed glass effect for its grooved look or the prismatic glass effect when it bends light into vibrant hues. Other terms like textured glass effect and distorted glass effect capture its depth and warp, making this versatile trendâfractal glassâa go-to for stunning digital aesthetics."]}]}),headerActions:(0,R.jsx)(m.ZP,{onCustomDownload:eb,onCustomCopy:ex,formatDefault:"png",hasBg:!0,dimensions:eh,filename:"magicpattern-fractal-glass",className:"magicpattern",codepenTitle:"Fractal Glass generator â MagicPattern.design",toolId:A,withoutCSS:!0,withoutSVG:!0,withoutDimensions:!0,withoutQuality:!0,alwaysWithBg:!0}),hasCustomEditor:!0,children:(0,R.jsxs)(i.xu,{w:"100%",h:"100%",position:"relative",borderTop:"1px solid gray",borderColor:"gray.200",children:[ef?(0,R.jsxs)(d.Z,(t={p:[2,4,4,8],m:"auto",position:"relative",align:"center",shouldWrapChildren:!1,minW:"100%",maxW:"100%",maxH:"calc(100% - 64px)"},(0,n.Z)(t,"maxH","100%"),(0,n.Z)(t,"m","auto"),(0,n.Z)(t,"align","center"),(0,n.Z)(t,"position","absolute"),(0,n.Z)(t,"top","0"),(0,n.Z)(t,"left","50%"),(0,n.Z)(t,"transform","translateX(-50%)"),(0,n.Z)(t,"overflowY","scroll"),(0,n.Z)(t,"children",[(0,R.jsx)(Customize,{steps:k,setSteps:M,setImageURL:ed,distortion:U,setDistortion:F,blur:H,setBlur:G,fill:Y,setFill:Q,type:$,setType:ee,brightness:en,setBrightness:eo,contrast:es,setContrast:el}),(0,R.jsxs)(i.xu,{p:"4px",borderRadius:"16px",bg:"bg.surface",_dark:{border:"1px solid",borderColor:"border.subtle"},maxW:"".concat(100*N/12,"%"),minW:"".concat(100*N/12,"%"),position:"relative",children:[(0,R.jsxs)(i.xu,{position:"relative",ref:s,children:[(0,R.jsx)(i.xu,{w:"100%",borderRadius:"12px",overflow:"hidden",sx:{aspectRatio:(null==eh?void 0:eh.width)/(null==eh?void 0:eh.height)+""},children:(0,R.jsx)(x.Xz,{ref:c,gl:{preserveDrawingBuffer:!0},children:(0,R.jsx)(WebGlFractral,{dimensions:eh,steps:k,texture:new w.dpR().load(ef),distortion:U,blur:H,isPreview:v,fill:Y,type:$,brightness:en,contrast:es})})}),(0,R.jsx)(DraggableHandle,{fill:Y,setFill:Q,containerRef:s})]}),(0,R.jsxs)(i.gC,{color:"gray.500",bg:"bg.surface",shadow:"lg",borderRadius:"100px",position:"absolute",top:"4rem",_dark:{border:"1px solid",borderColor:"border.subtle"},right:"2",p:1,pb:2,spacing:3,transform:"translate(50%, 0)",children:[(0,R.jsx)(a.u,{label:"Upload new image",placement:"right",borderRadius:"4px",shouldWrapChildren:!0,children:(0,R.jsx)(h.Z,{text:"",isBase64:!0,shouldResize:!0,resizeSize:1500,w:["100%","fit-content","fit-content","fit-content"],onComplete:ed,iconSpacing:0,customStyle:(0,b.q_)({bg:"primary.900",color:"white",fontSize:"12px",width:"28px",height:"28px",minWidth:"28px",minHeight:"28px",maxWidth:"28px",maxHeight:"28px",border:"none",padding:0,borderRadius:"100px",marginBottom:"-1px",_dark:{bg:"bg.insetHover",border:"1px solid",borderColor:"border.subtle",color:"text.primary"}})})}),(0,R.jsx)(a.u,{label:v?"Show original image":"Show glass effect",placement:"right",borderRadius:"4px",shouldWrapChildren:!0,children:(0,R.jsx)(i.M5,{cursor:"pointer",onClick:function(){j(!v)},opacity:v?1:.5,color:"text.muted",_hover:{color:"text.secondary"},children:v?(0,R.jsx)(u.Rbo,{size:"16px"}):(0,R.jsx)(u.MBb,{size:"16px"})})}),(0,R.jsx)(a.u,{label:"Delete image",placement:"right",borderRadius:"4px",shouldWrapChildren:!0,children:(0,R.jsx)(i.M5,{cursor:"pointer",onClick:function(){return ed("")},color:"text.muted",_hover:{color:"text.danger"},children:(0,R.jsx)(u._YF,{size:"16px"})})})]})]})]),t)):(0,R.jsxs)(i.kC,{m:"auto",p:8,maxW:"900px",w:"100%",maxH:"100%",align:"center",direction:"column",overflowY:"scroll",className:"hide-scroll",children:[(0,R.jsx)(C.Z,{onComplete:ed}),(0,R.jsxs)(i.gC,{spacing:4,mt:8,children:[(0,R.jsx)(i.xv,{fontSize:"sm",color:"text.muted",fontWeight:600,children:"Pick a sample image:"}),(0,R.jsx)(i.Eq,{spacing:["0.5rem","1rem","1rem","1rem"],children:E.map(function(e,t){return(0,R.jsx)(i.Uc,{w:["calc(33% - 0.5rem)","calc(16.6666667% - 1rem)","calc(16.6666667% - 1rem)","calc(16.6666667% - 1rem)"],children:(0,R.jsx)(Z.Z,{cursor:"pointer",src:e,imgScale:1.2,isOdd:t%2==0,objectFit:"cover",onSelect:function(){return ed(e)}})})})})]})]}),(0,R.jsx)(S.f,{zoom:N,setZoom:q,m:[2,4,4,8],left:[2,4,4,8]})]})})}function DraggableHandle(e){var t=e.containerRef,r=e.setFill,n=e.fill,a=l.useState(!1),s=(0,o.Z)(a,2),u=s[0],f=s[1],d=l.useCallback(function(){return t.current?n*t.current.clientWidth:0},[n]),p=l.useCallback(function(e){if(t.current){var n=t.current.getBoundingClientRect(),o=n.width,i=e-n.left;r((i=Math.max(0,Math.min(i,o)))/o)}},[]),g=l.useCallback(function(e){f(!0),p(e.clientX),e.preventDefault()},[p]),h=l.useCallback(function(e){u&&p(e.clientX)},[u,p]),m=l.useCallback(function(){f(!1)},[]);return l.useEffect(function(){return u&&(document.addEventListener("mousemove",h),document.addEventListener("mouseup",m)),function(){document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",m)}},[u,h,m]),(0,R.jsx)(i.xu,{sx:{position:"absolute",top:"0%",left:"".concat(d(),"px"),width:"".concat(20,"px"),height:"".concat(26,"px"),borderRadius:"6px",background:"bg.surface",border:"1px solid #f1f1f1",borderColor:"border.subtle",color:"text.muted",transform:"translate(-50%, -50%)",cursor:u?"grabbing":"grab",boxShadow:"0 2px 4px rgba(0,0,0,0.2)",transition:u?"none":"left 0.1s ease-out",display:"flex",justifyContent:"center",alignItems:"center"},onMouseDown:g,color:"gray.500",children:(0,R.jsx)(c.iVq,{size:16})})}var Customize=function(e){var t=e.steps,r=e.setSteps,n=(e.setImageURL,e.distortion),o=e.setDistortion,a=e.blur,s=e.setBlur,u=e.type,d=e.setType,g=e.brightness,h=e.setBrightness,m=e.contrast,b=e.setContrast,x=l.useMemo(function(){return"fractal"==u},[u]);return(0,R.jsxs)(i.Kq,{spacing:4,direction:["column","row","row","row"],borderRadius:["10px","185px","185px","185px"],border:"1px solid #f6f6f6",borderColor:"border.subtle",bg:"bg.surface",p:[4,2,2,2],px:[4,4,4,4],mb:2,position:"sticky",top:"0",boxShadow:"xl",zIndex:1,align:["start","center","center","center"],minW:["100%","100%","100%","800px"],shouldWrapChildren:!1,children:[(0,R.jsx)(TypePicker,{value:u,onChange:d}),x&&(0,R.jsx)(p.Z,{icon:(0,R.jsx)(i.xu,{as:c.$5U,transform:"rotate(-90deg)",opacity:.3}),label:"Steps",value:t,min:5,max:60,onChange:r,isInline:!0,w:"100%"}),(0,R.jsx)(p.Z,{icon:(0,R.jsx)(i.xu,{opacity:.3,children:(0,R.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,viewBox:"0 0 256 256",children:(0,R.jsx)("path",{fill:"currentColor",fillRule:"evenodd",d:"M32 225h12.993A4.004 4.004 0 0 0 49 220.997V138.01c0-4.976.724-5.04 1.614-.16l12.167 66.708c.397 2.177 2.516 3.942 4.713 3.942h8.512a3.937 3.937 0 0 0 3.947-4S79 127.5 80 129s14.488 52.67 14.488 52.67c.559 2.115 2.8 3.83 5.008 3.83h8.008a3.993 3.993 0 0 0 3.996-3.995v-43.506c0-4.97 1.82-5.412 4.079-.965l10.608 20.895c1.001 1.972 3.604 3.571 5.806 3.571h9.514a3.999 3.999 0 0 0 3.993-4.001v-19.49c0-4.975 2.751-6.074 6.155-2.443l6.111 6.518c1.51 1.61 4.528 2.916 6.734 2.916h7c2.21 0 5.567-.855 7.52-1.92l9.46-5.16c1.944-1.06 5.309-1.92 7.524-1.92h23.992a4.002 4.002 0 0 0 4.004-3.992v-7.516a3.996 3.996 0 0 0-4.004-3.992h-23.992c-2.211 0-5.601.823-7.564 1.834l-4.932 2.54c-4.423 2.279-12.028 3.858-16.993 3.527l2.97.198c-4.962-.33-10.942-4.12-13.356-8.467l-11.19-20.14c-1.07-1.929-3.733-3.492-5.939-3.492h-7c-2.21 0-4 1.794-4 4.001v19.49c0 4.975-1.14 5.138-2.542.382l-12.827-43.535c-.625-2.12-2.92-3.838-5.127-3.838h-8.008c-2.207 0-3.916 1.784-3.817 4.005l1.92 42.998c.221 4.969-.489 5.068-1.585.224l-15.13-66.825c-.488-2.155-2.681-3.902-4.878-3.902h-8.512a3.937 3.937 0 0 0-3.947 4s.953 77-.047 75.5s-13.937-92.072-13.937-92.072C49.252 34.758 47.21 33 45 33H31.999"})})}
1),label:"Distortion",value:n,min:0,max:1,step:.01,onChange:o,isInline:!0,w:"100%"}),x?(0,R.jsx)(p.Z,{icon:(0,R.jsx)(i.xu,{as:c.YNv,opacity:.3}),label:"Blur",value:a,min:0,max:1,step:.01,onChange:s,isInline:!0,w:"100%"}):(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(p.Z,{icon:(0,R.jsx)(i.xu,{opacity:.3,children:(0,R.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 512 512",children:(0,R.jsx)("path",{fill:"currentColor",d:"M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240s240-107.452 240-240S388.548 16 256 16Zm-22 446.849a208.346 208.346 0 0 1-169.667-125.9c-.364-.859-.706-1.724-1.057-2.587L234 429.939Zm0-69.582L50.889 290.76A209.848 209.848 0 0 1 48 256q0-9.912.922-19.67L234 339.939Zm0-90L54.819 202.96a206.385 206.385 0 0 1 9.514-27.913Q67.1 168.5 70.3 162.191L234 253.934Zm0-86.015L86.914 134.819a209.42 209.42 0 0 1 22.008-25.9q3.72-3.72 7.6-7.228L234 166.027Zm0-87.708l-89.648-49.093A206.951 206.951 0 0 1 234 49.151ZM464 256a207.775 207.775 0 0 1-198 207.761V48.239A207.791 207.791 0 0 1 464 256Z"})})}),label:"Contrast",value:m,min:1,max:2,step:.01,onChange:b,isInline:!0,w:"100%"}),(0,R.jsx)(p.Z,{icon:(0,R.jsx)(i.xu,{as:f.rCS,opacity:.5}),label:"Brightness",value:g,min:1,max:2,step:.01,onChange:h,isInline:!0,w:"100%"})]})]})};function TypePicker(e){var t=e.value,r=void 0===t?"fractal":t,n=e.onChange;return(0,R.jsxs)(i.Ug,{minW:"fit-content",children:[(0,R.jsxs)(i.Ug,{spacing:"0.1rem",sx:{svg:{opacity:.5}},children:[(0,R.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 48 48",children:(0,R.jsxs)("g",{fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"4",children:[(0,R.jsx)("path",{d:"M24 40.944A11.955 11.955 0 0 0 32 44c6.627 0 12-5.373 12-12c0-5.591-3.824-10.29-9-11.622"}),(0,R.jsx)("path",{d:"M13 20.378C7.824 21.71 4 26.408 4 32c0 6.627 5.373 12 12 12s12-5.373 12-12c0-1.55-.294-3.03-.828-4.39"}),(0,R.jsx)("path",{d:"M24 28c6.627 0 12-5.373 12-12S30.627 4 24 4S12 9.373 12 16s5.373 12 12 12Z"})]})}),(0,R.jsx)(D.Z,{isUppercase:!0,children:"Type"})]}),(0,R.jsx)(i.Ug,{w:"fit-content",minW:"fit-content",justifyContent:"space-between",p:"0px",spacing:"4px",borderRadius:"100px",bg:"#eaebff",children:["fractal","frosted"].map(function(e){return(0,R.jsx)(a.u,{label:"".concat(e," glass effect"),textTransform:"capitalize",borderRadius:"4px",shouldWrapChildren:!0,children:(0,R.jsx)(s.Ee,{cursor:"pointer",src:"/static/images/effects/".concat(e,"-type.jpeg"),w:"30px",h:"30px",borderRadius:"99px",opacity:r==e?1:.5,border:"3px solid",borderColor:r==e?"white":"transparent",transition:"0.3s ease-out all",shadow:r==e?"0px 0px 0px 2px var(--chakra-colors-primary-500)":"",onClick:function(){return n(e)}})})})})]})}function WebGlFractral(e){var t=e.texture,r=e.steps,n=e.distortion,o=e.blur,i=e.isPreview,a=e.fill,s=e.type,c=e.brightness,u=e.contrast,f=l.useRef(),d=(0,v.D)().viewport;return t.needsUpdate=!0,(0,R.jsxs)(R.Fragment,{children:[(0,R.jsxs)("mesh",{ref:f,scale:[d.width,d.height,1],children:[(0,R.jsx)("planeGeometry",{}),(0,R.jsx)("meshBasicMaterial",{map:t})]}),i&&(0,R.jsx)(P.w3,{type:s,distortion:"frosted"==s?.1+n-.1:n/3,blur:o/2,fluteSections:r,fill:a,brightness:c,contrast:u})]})}},96191:function(e,t,r){"use strict";r.d(t,{Z:function(){return Dropzone}});var n=r(59499),o=r(50029),i=r(17674),a=r(4730),s=r(87794),l=r.n(s),c=r(67294),u=r(15193),f=r(32512),d=r(53854);r(75313);var p=r(85893),g=["hasMultiple","onComplete","text","isBase64","isSvg","shouldResize","resizeSize","accept"],h=["children"];function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function Dropzone(e){var t,r=e.hasMultiple,n=void 0!==r&&r,s=e.onComplete,u=e.text,d=e.isBase64,h=void 0!==d&&d,m=e.isSvg,b=void 0!==m&&m,x=e.shouldResize,v=void 0!==x&&x,w=e.resizeSize,j=void 0===w?1e3:w,y=e.accept,S=void 0===y?"image/jpg, image/jpeg, image/png, image/gif, image/svg+xml":y,C=(0,a.Z)(e,g),D=c.useState([]),O=(0,i.Z)(D,2),Z=O[0],P=O[1],R=(0,f.uI)({accept:S,onDrop:(t=(0,o.Z)(l().mark(function _callee(e){var t,r;return l().wrap(function(o){for(;;)switch(o.prev=o.next){case 0:if(!b){o.next=5;break}return(t=new FileReader).onload=function(e){s(e.target.result)},t.readAsText(e[0]),o.abrupt("return");case 5:if(!h){o.next=8;break}return v?function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,r=arguments.length>2?arguments[2]:void 0,n=new FileReader;n.onload=function(n){var o=document.createElement("img");o.crossOrigin="Anonymous",o.src=n.target.result,o.onload=function(){var n=document.createElement("canvas"),i=n.getContext("2d");i.drawImage(o,0,0);var a=o.width,s=o.height;a>s?a>t&&(s*=t/a,a=t):s>t&&(a*=t/s,s=t),n.width=a,n.height=s;var i=n.getContext("2d");i.drawImage(o,0,0,a,s),r(n.toDataURL(e.type))}},n.readAsDataURL(e)}(e[0],j,s):function(e,t){var r=new FileReader;
1r.readAsDataURL(e),r.onload=function(){t(r.result)},r.onerror=function(e){}}(e[0],s),o.abrupt("return");case 8:P(r=e.map(function(e){return Object.assign(e,{preview:URL.createObjectURL(e)})})),s(n?r.map(function(e){return e.preview}):r[0].preview);case 11:case"end":return o.stop()}},_callee)})),function(e){return t.apply(this,arguments)})}),A=R.getRootProps,_=R.getInputProps,E=R.isDragActive,k=R.isDragAccept,M=R.isDragReject;return Z.length,(0,p.jsxs)(UploadButton,_objectSpread(_objectSpread(_objectSpread({},A({isDragActive:E,isDragAccept:k,isDragReject:M})),C),{},{children:[void 0===u?"Upload Image":u,(0,p.jsx)("input",_objectSpread(_objectSpread({},_()),{},{accept:S}))]}))}var UploadButton=function(e){var t=e.children,r=(0,a.Z)(e,h),n=r.customStyle?r.customStyle:{};return(0,p.jsx)(u.zx,_objectSpread(_objectSpread(_objectSpread({size:"sm",borderRadius:"2px",bg:"bg.surfaceSubtle",fontWeight:500,fontSize:"xs",border:"1px dashed",borderColor:"border.dropzone",_hover:{bg:"bg.hover"},leftIcon:(0,p.jsx)(d.h5O,{})},n),r),{},{children:t}))}},14669:function(e,t,r){"use strict";r.d(t,{Z:function(){return DropzoneSection}});var n=r(59499),o=r(50029),i=r(4730),a=r(87794),s=r.n(a);r(67294);var l=r(68527),c=r(15193),u=r(32512),f=r(53854),d=r(51649),p=r(75313),g=r(85893),h=["onComplete","text","isBase64"],m=["isDragActive","children"];function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function DropzoneSection(e){var t,r=e.onComplete,n=e.text,a=e.isBase64,c=void 0!==a&&a,f=(0,i.Z)(e,h),p=(0,u.uI)({accept:"image/*",onDrop:(t=(0,o.Z)(s().mark(function _callee(e){return s().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(!c){t.next=3;break}return function(e,t){var r=new FileReader;
1r.readAsDataURL(e),r.onload=function(){t(r.result)},r.onerror=function(e){}}(e[0],r),t.abrupt("return");case 3:r(e.map(function(e){return Object.assign(e,{preview:URL.createObjectURL(e)})})[0].preview);case 5:case"end":return t.stop()}},_callee)})),function(e){return t.apply(this,arguments)})}),m=p.getRootProps,b=p.getInputProps,x=p.isDragActive,v=p.isDragAccept,w=p.isDragReject;return(0,g.jsxs)(l.kC,_objectSpread(_objectSpread(_objectSpread({align:"center",justifyContent:"center",direction:"column",p:8,borderRadius:"16px",border:"1px dashed var(--chakra-colors-primary-500)",borderColor:"primary.500",color:x?"white":"primary.500",bg:x?"primary.500":"#f5f6fe20",sx:{backdropFilter:"blur(2px)"},_dark:{borderColor:x?"primary.300":"border.section",color:x?"primary.300":"text.primary",bg:x?"bg.buttonSecondary":"#f5f6fe10"}},m({isDragActive:x,isDragAccept:v,isDragReject:w})),f),{},{children:[(0,g.jsx)(d.LCy,{size:24}),(0,g.jsx)(l.xv,{fontSize:"sm",fontWeight:"550",mt:2,mb:5,children:"Drag & drop your image, paste from clipboard or"}),(0,g.jsx)(UploadButton,{isDragActive:x,children:void 0===n?"Upload Image":n}),(0,g.jsx)("input",_objectSpread(_objectSpread({},b()),{},{accept:"image/jpg, image/png, image/gif"}))]}))}var UploadButton=function(e){var t=e.isDragActive,r=e.children,n=(0,i.Z)(e,m);return n.customStyle&&n.customStyle,(0,g.jsx)(c.zx,_objectSpread(_objectSpread(_objectSpread({size:"sm",leftIcon:(0,g.jsx)(f.h5O,{})},t?p.hO:p.f6),{},{_dark:t?p.f6:p.Vr},n),{},{children:r}))}},96222:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return FractalGlass}}),r(67294),r(76467);var n=r(2962),o=r(95253),i=r(4994),a=r(12246),s=r(85893),l=a.Z.find(function(e){return"fractal-glass"===e.id}),c=l.name,u=l.href,f=l.seoName,d=l.seoTitle,p=l.description,g=l.seoDescription,h=l.ogImage,m="https://www.magicpattern.design"+u,b=d||f,x=g||p;function FractalGlass(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.PB,{name:c,title:b,description:x,canonical:m,openGraph:{title:b,description:x,url:m,images:[{url:h,alt:f,width:1200,height:627}]}}),(0,s.jsx)(n.gR,{itemListElements:[{position:1,name:"All MagicPattern tools",item:"https://www.magicpattern.design/tools"},{position:2,name:f,item:m}]}),(0,s.jsx)(i.Z,{tool:l}),(0,s.jsx)(o.Z,{})]})}},11301:function(e,t,r){"use strict";function pasteHandler(e,t){e.clipboardData||"function"!=typeof t||t(void 0);var r,n=null==e?void 0:null===(r=e.clipboardData)||void 0===r?void 0:r.items;void 0==n&&"function"==typeof t&&t(void 0);for(var o=0;o<n.length;o++)-1!==n[o].type.indexOf("image")&&t(n[o].getAsFile())}function clipboardInit(e){return window.addEventListener("paste",function(t){pasteHandler(t,function(t){t&&e(window.URL.createObjectURL(t))})},!1)}function clipboardRemove(e){return window.removeEventListener("paste",function(t){pasteHandler(t,function(t){t&&e(window.URL.createObjectURL(t))})},!1)}r.d(t,{a_:function(){return clipboardRemove},ql:function(){return clipboardInit}})},97202:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/fractal-glass-effect",function(){return r(96222)}])},63467:function(e,t,r){"use strict";let n;r.d(t,{x:function(){return u}});var o=r(85893),i=r(13611),a=r(67294),s=r(52057),l=r(62371);let c=(0,a.createContext)(null),isConvolution=e=>(e.getAttributes()&l.VB.CONVOLUTION)===l.VB.CONVOLUTION,u=a.memo((0,a.forwardRef)(({children:e,camera:t,scene:r,resolutionScale:u,enabled:f=!0,renderPriority:d=1,autoClear:p=!0,depthBuffer:g,enableNormalPass:h,stencilBuffer:m,multisampling:b=8,frameBufferType:x=i.cLu},v)=>{let{gl:w,scene:j,camera:y,size:S}=(0,s.D)(),C=r||j,D=t||y,[O,Z,P]=(0,a.useMemo)(()=>{let e=function(){var e;if(void 0!==n)return n;try{let t;let r=document.createElement("canvas");return n=!!(window.WebGL2RenderingContext&&(t=r.getContext("webgl2"))),t&&(null==(e=t.getExtension("WEBGL_lose_context"))||e.loseContext()),n}catch(e){return n=!1}}(),t=new l.xC(w,{depthBuffer:g,stencilBuffer:m,multisampling:b>0&&e?b:0,frameBufferType:x});t.addPass(new l.CD(C,D));let r=null,o=null;return h&&((o=new l.gh(C,D)).enabled=!1,t.addPass(o),void 0!==u&&e&&((r=new l.xs({normalBuffer:o.texture,resolutionScale:u})).enabled=!1,t.addPass(r))),[t,o,r]},[D,w,g,m,b,x,C,h,u]);(0,a.useEffect)(()=>null==O?void 0:O.setSize(S.width,S.height),[O,S]),(0,s.F)((e,t)=>{if(f){let e=w.autoClear;w.autoClear=p,m&&!p&&w.clearStencil(),O.render(t),w.autoClear=e}},f?d:0);let R=(0,a.useRef)(null);(0,a.useLayoutEffect)(()=>{var e;let t=[],r=null==(e=R.current)?void 0:e.__r3f;if(r&&O){let e=r.objects;for(let r=0;r<e.length;r++){let n=e[r];if(n instanceof l.Qm){let o=[n];if(!isConvolution(n)){let t=null;for(;(t=e[r+1])instanceof l.Qm&&!isConvolution(t);)o.push(t),r++}let i=new l.H5(D,...o);t.push(i)}else n instanceof l.w2&&t.push(n)}for(let e of t)null==O||O.addPass(e);Z&&(Z.enabled=!0),P&&(P.enabled=!0)}return()=>{for(let e of t)null==O||O.removePass(e);Z&&(Z.enabled=!1),P&&(P.enabled=!1)}},[O,e,D,Z,P]),(0,a.useEffect)(()=>{let e=w.toneMapping;return w.toneMapping=i.uL9,()=>{w.toneMapping=e}},[w]);let A=(0,a.useMemo)(()=>({composer:O,normalPass:Z,downSamplingPass:P,resolutionScale:u,camera:D,scene:C}),[O,Z,P,u,D,C]);return(0,a.useImperativeHandle)(v,()=>O,[O]),(0,o.jsx)(c.Provider,{value:A,children:(0,o.jsx)("group",{ref:R,children:e})})}))},50126:function(e,t,r){"use strict";r.d(t,{p1:function(){return wrapEffect}});
1var n=r(85893),o=r(67294),i=r(52057);let a=0,s=new WeakMap,wrapEffect=(e,t)=>o.forwardRef(function({blendFunction:r=null==t?void 0:t.blendFunction,opacity:l=null==t?void 0:t.opacity,...c},u){let f=s.get(e);if(!f){let t=`@react-three/postprocessing/${e.name}-${a++}`;(0,i.e)({[t]:e}),s.set(e,f=t)}let d=(0,i.D)(e=>e.camera),p=o.useMemo(()=>{var e,r;return[...null!=(e=null==t?void 0:t.args)?e:[],...null!=(r=c.args)?r:[{...t,...c}]]},[JSON.stringify(c)]);return(0,n.jsx)(f,{camera:d,"blendMode-blendFunction":r,"blendMode-opacity-value":l,...c,ref:u,args:p})})}},function(e){e.O(0,[3874,2546,4377,5445,9866,2934,3737,4782,8907,771,6893,5655,9352,2283,3640,8562,918,8133,7461,2512,6792,781,7147,2540,6210,9774,2888,179],function(){return e(e.s=97202)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.