[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"guide-nav":3,"doc-\u002Fdocs\u002Fprimitives\u002Fvalues\u002Fp":145},[4,10,16,20,24,28,32,36,40,44,48,52,56,60,64,69,73,78,82,86,90,94,98,102,106,110,114,117,120,124,127,131,134,138,141],{"path":5,"title":6,"description":7,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide","Getting started","Shaders is a library of GPU effect components for Vue, React, Svelte, Solid, JavaScript and Framer, with a design editor for building with them.","code",null,{"path":11,"title":12,"description":13,"category":8,"exclude":14,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fquickstart","Quickstart","Install Shaders, render your first effect, and drive a prop from state.",[15],"js",{"path":17,"title":18,"description":19,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fcomposing-effects","Composing effects","Stack components as layers and nest them to control which layers an effect touches.",{"path":21,"title":22,"description":23,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fblending-masking","Blending and masking","Control how a layer mixes with the layers below it, and reveal one layer through another.",{"path":25,"title":26,"description":27,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fprops-reactivity","Props and reactivity","Bind props to your framework's state so effects update when it changes, and animate props with an animation library.",{"path":29,"title":30,"description":31,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fdynamic-props","Dynamic props","Drive any numeric or position prop from time, the cursor, or another layer, without writing animation code.",{"path":33,"title":34,"description":35,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Flayout-positioning","Layout and positioning","Size and place a shader in your page with CSS, as a background, a fill, or an inline block.",{"path":37,"title":38,"description":39,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Ftransforms","Transforms","Position, size, and rotate any layer inside the canvas with a bounding box, in % or px units.",{"path":41,"title":42,"description":43,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fshape-effects","Shape effects","Pick the 2D, 3D or custom SVG shape that Glass, Neon, Emboss and other shape effects draw inside.",{"path":45,"title":46,"description":47,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fcolor-space","Color space","Match colors to your design tool with the output color space, and keep bright layers from clipping with tone mapping.",{"path":49,"title":50,"description":51,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fhooks-events","Hooks and events","Run code when an effect is ready to show, and show a fallback when the GPU can't run it.",{"path":53,"title":54,"description":55,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fperformance","Performance","Learn what makes an effect expensive on the GPU and how to keep it inside the frame budget.",{"path":57,"title":58,"description":59,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fcustom-shaders","Custom components","Write your own component in TypeScript, use it like any component in the library, and write WGSL by hand when you need to.",{"path":61,"title":62,"description":63,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Ftelemetry","Telemetry","The `\u003CShader>` component occasionally sends an anonymous performance report to help us improve the engine over time.",{"path":65,"title":66,"description":67,"category":68,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fmcp","Shaders MCP","Connect your AI coding agent to Shaders so it can find, install and edit effects in your codebase.","workflows",{"path":70,"title":71,"description":72,"category":68,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fcli","Shaders CLI","Install shaders and presets into your codebase as component files, and keep them in sync with the design editor.",{"path":74,"title":75,"description":76,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fquick-tour-of-the-design-editor","Quick tour of the design editor","A short walkthrough of the full Shaders workflow, from designing on the infinite canvas to exporting code.","editor",{"path":79,"title":80,"description":81,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fintro-to-the-interface","Intro to the interface","A tour of the design editor interface: the canvas, layers, the Properties panel, and the ways to share and export.",{"path":83,"title":84,"description":85,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fcomposing-your-first-shader-effect","Composing your first shader effect","Building a first shader effect in the design editor by stacking and nesting components as layers.",{"path":87,"title":88,"description":89,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fmasking-and-blending","Masking and blending","How blend modes and masks combine components in the design editor.",{"path":91,"title":92,"description":93,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fdynamic-prop-mapping","Dynamic prop mapping","Turning static props into dynamic ones in the design editor: mapping one layer's output into another's prop, following the cursor, or animating automatically.",{"path":95,"title":96,"description":97,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fcustom-media-and-transformations","Custom media and transformations","Uploading images, videos, and SVG files to the media gallery, adding them to a composition, and placing them with transformations.",{"path":99,"title":100,"description":101,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Finstalling-a-shader-via-mcp","Installing a shader via MCP","Installing a shader from the design editor into a hero section with the Shaders MCP.",{"path":103,"title":104,"description":105,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fexploring-shape-effects","Exploring shape effects","Applying shape effects such as liquid glass, liquid metal, and glowing edges to built-in shapes and your own SVG.",{"path":107,"title":108,"description":109,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fglass-component-spotlight","Component spotlight: Glass","A short look at the Glass component and the liquid-glass look it creates.",{"path":111,"title":112,"description":113,"category":77,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fdigital-looks-component-spotlight","Component spotlight: Digital looks","A look at the digital stylization components for glitchy, futuristic, or technical effects.",{"path":115,"title":12,"description":116,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fjs\u002Fquickstart","Install Shaders without a framework, render your first effect on a canvas, and update props at runtime.",{"path":118,"title":12,"description":119,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Freact\u002Fquickstart","Install Shaders in a React app, render your first effect, and drive a prop from state.",{"path":121,"title":122,"description":123,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Freact\u002Fssr","Next.js and SSR","Render Shaders in Next.js and other React SSR apps by keeping each shader on the client.",{"path":125,"title":12,"description":126,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fsolid\u002Fquickstart","Install Shaders in a Solid app, render your first effect, and drive a prop from a signal.",{"path":128,"title":129,"description":130,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fsolid\u002Fssr","SolidStart and SSR","Render Shaders in SolidStart and other Solid SSR apps by keeping each shader on the client.",{"path":132,"title":12,"description":133,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fsvelte\u002Fquickstart","Install Shaders in a Svelte app, render your first effect, and drive a prop from state.",{"path":135,"title":136,"description":137,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fsvelte\u002Fssr","SvelteKit and SSR","Render Shaders in SvelteKit and other Svelte SSR apps, where each shader already waits for the browser.",{"path":139,"title":12,"description":140,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fvue\u002Fquickstart","Install Shaders in a Vue app, render your first effect, and drive a prop from a ref.",{"path":142,"title":143,"description":144,"category":8,"exclude":9,"forceFramework":9},"\u002Fdocs\u002Fguide\u002Fvue\u002Fssr","Nuxt and SSR","Render Shaders in Nuxt and other Vue SSR apps by keeping each shader on the client.",{"id":146,"title":147,"body":148,"categoryId":917,"categorySlug":917,"categoryTitle":918,"curated":919,"description":156,"editUrl":9,"extension":920,"group":921,"groupTitle":922,"kind":923,"meta":924,"navigation":925,"path":926,"seo":927,"sourceUrl":928,"stem":929,"wordCount":9,"__hash__":930},"primitives\u002Fdocs\u002Fprimitives\u002F2.values\u002F1.p.md","p",{"type":149,"value":150,"toc":910},"minimark",[151,154,157,178,188,195,200,237,241,281,291,295,360,364,906],[152,153,147],"h1",{"id":147},[147,155,156],{},"Reference one of the definition's props by name, wherever a word asks for a value.",[158,159,164],"pre",{"className":160,"code":161,"language":162,"meta":163,"style":163},"language-ts shiki shiki-themes github-dark","p(name: string): PropRef\n","ts","",[8,165,166],{"__ignoreMap":163},[167,168,171,174],"span",{"class":169,"line":170},"line",1,[167,172,147],{"class":173},"svObZ",[167,175,177],{"class":176},"s95oV","(name: string): PropRef\n",[147,179,180,181,183,184,187],{},"Import ",[8,182,147],{}," from ",[8,185,186],{},"shaders\u002Fstd",".",[147,189,190,191,194],{},"Pass it where a std word takes a color, a position or a number and the word reads that prop live on the GPU. The name must be one of the definition's ",[8,192,193],{},"props","; a wrong name throws when the shader is built.",[196,197,199],"h2",{"id":198},"parameters","Parameters",[201,202,203,219],"table",{},[204,205,206],"thead",{},[207,208,209,213,216],"tr",{},[210,211,212],"th",{},"Name",[210,214,215],{},"Type",[210,217,218],{},"Notes",[220,221,222],"tbody",{},[207,223,224,230,235],{},[225,226,227],"td",{},[8,228,229],{},"name",[225,231,232],{},[8,233,234],{},"string",[225,236],{},[196,238,240],{"id":239},"example","Example",[158,242,244],{"className":160,"code":243,"language":162,"meta":163,"style":163},"effect: tintToward(p('color'), {amount: p('intensity')})\n",[8,245,246],{"__ignoreMap":163},[167,247,248,251,254,257,260,262,264,268,271,273,275,278],{"class":169,"line":170},[167,249,250],{"class":173},"effect",[167,252,253],{"class":176},": ",[167,255,256],{"class":173},"tintToward",[167,258,259],{"class":176},"(",[167,261,147],{"class":173},[167,263,259],{"class":176},[167,265,267],{"class":266},"sU2Wk","'color'",[167,269,270],{"class":176},"), {amount: ",[167,272,147],{"class":173},[167,274,259],{"class":176},[167,276,277],{"class":266},"'intensity'",[167,279,280],{"class":176},")})\n",[282,283,284],"blockquote",{},[147,285,286,290],{},[287,288,289],"strong",{},"Tip."," A prop ref is a binding, not a snapshot: changing the prop later needs no rebuild.",[196,292,294],{"id":293},"see-also","See also",[296,297,298,321,333],"ul",{},[299,300,301,308,309,312,313,316,317,320],"li",{},[302,303,305],"a",{"href":304},"\u002Fdocs\u002Fprimitives\u002Fvalues\u002Fscalar",[8,306,307],{},"Scalar"," — A number built from props: what ",[8,310,311],{},"radialMask(…)",", ",[8,314,315],{},"motion.oscillating(…)"," and ",[8,318,319],{},".times()"," return.",[299,322,323,329,330,187],{},[302,324,326],{"href":325},"\u002Fdocs\u002Fprimitives\u002Finvoke\u002Funiformof",[8,327,328],{},"uniformOf"," — The live GPU value of a prop, for a hand-written builder: ",[8,331,332],{},"uniformOf(p('radius'), params)",[299,334,335,341,342,312,345,312,348,312,351,312,354,312,357,187],{},[302,336,338],{"href":337},"\u002Fdocs\u002Fprimitives\u002Finvoke\u002Fctx",[8,339,340],{},"ctx"," — The context values as tokens: ",[8,343,344],{},"ctx.uv",[8,346,347],{},"ctx.time",[8,349,350],{},"ctx.aspect",[8,352,353],{},"ctx.pointer",[8,355,356],{},"ctx.viewportSize",[8,358,359],{},"ctx.logicalViewportSize",[196,361,363],{"id":362},"used-by","Used by",[147,365,366,312,370,312,374,312,378,312,382,312,386,312,390,312,394,312,398,312,402,312,406,312,410,312,414,312,418,312,422,312,426,312,430,312,434,312,438,312,442,312,446,312,450,312,454,312,458,312,462,312,466,312,470,312,474,312,478,312,482,312,486,312,490,312,494,312,498,312,502,312,506,312,510,312,514,312,518,312,522,312,526,312,530,312,534,312,538,312,542,312,546,312,550,312,554,312,558,312,562,312,566,312,570,312,574,312,578,312,582,312,586,312,590,312,594,312,598,312,602,312,606,312,610,312,614,312,618,312,622,312,626,312,630,312,634,312,638,312,642,312,646,312,650,312,654,312,658,312,662,312,666,312,670,312,674,312,678,312,682,312,686,312,690,312,694,312,698,312,702,312,706,312,710,312,714,312,718,312,722,312,726,312,730,312,734,312,738,312,742,312,746,312,750,312,754,312,758,312,762,312,766,312,770,312,774,312,778,312,782,312,786,312,790,312,794,312,798,312,802,312,806,312,810,312,814,312,818,312,822,312,826,312,830,312,834,312,838,312,842,312,846,312,850,312,854,312,858,312,862,312,866,312,870,312,874,312,878,312,882,312,886,312,890,312,894,312,898,312,902],{},[302,367,369],{"href":368},"\u002Fdocs\u002Fcomponents\u002Fangularblur","AngularBlur",[302,371,373],{"href":372},"\u002Fdocs\u002Fcomponents\u002Fascii","Ascii",[302,375,377],{"href":376},"\u002Fdocs\u002Fcomponents\u002Faurora","Aurora",[302,379,381],{"href":380},"\u002Fdocs\u002Fcomponents\u002Fbarshift","BarShift",[302,383,385],{"href":384},"\u002Fdocs\u002Fcomponents\u002Fbarndoors","BarnDoors",[302,387,389],{"href":388},"\u002Fdocs\u002Fcomponents\u002Fbeam","Beam",[302,391,393],{"href":392},"\u002Fdocs\u002Fcomponents\u002Fbend","Bend",[302,395,397],{"href":396},"\u002Fdocs\u002Fcomponents\u002Fblob","Blob",[302,399,401],{"href":400},"\u002Fdocs\u002Fcomponents\u002Fblockdissolve","BlockDissolve",[302,403,405],{"href":404},"\u002Fdocs\u002Fcomponents\u002Fblocknoise","BlockNoise",[302,407,409],{"href":408},"\u002Fdocs\u002Fcomponents\u002Fbluenoise","BlueNoise",[302,411,413],{"href":412},"\u002Fdocs\u002Fcomponents\u002Fblur","Blur",[302,415,417],{"href":416},"\u002Fdocs\u002Fcomponents\u002Fbokehblur","BokehBlur",[302,419,421],{"href":420},"\u002Fdocs\u002Fcomponents\u002Fbrickpattern","BrickPattern",[302,423,425],{"href":424},"\u002Fdocs\u002Fcomponents\u002Fbrightnesscontrast","BrightnessContrast",[302,427,429],{"href":428},"\u002Fdocs\u002Fcomponents\u002Fbulge","Bulge",[302,431,433],{"href":432},"\u002Fdocs\u002Fcomponents\u002Fcrtscreen","CRTScreen",[302,435,437],{"href":436},"\u002Fdocs\u002Fcomponents\u002Fchalkboard","Chalkboard",[302,439,441],{"href":440},"\u002Fdocs\u002Fcomponents\u002Fchannelblur","ChannelBlur",[302,443,445],{"href":444},"\u002Fdocs\u002Fcomponents\u002Fcheckerwipe","CheckerWipe",[302,447,449],{"href":448},"\u002Fdocs\u002Fcomponents\u002Fcheckerboard","Checkerboard",[302,451,453],{"href":452},"\u002Fdocs\u002Fcomponents\u002Fchevron","Chevron",[302,455,457],{"href":456},"\u002Fdocs\u002Fcomponents\u002Fchromaticaberration","ChromaticAberration",[302,459,461],{"href":460},"\u002Fdocs\u002Fcomponents\u002Fcolorwheel","ColorWheel",[302,463,465],{"href":464},"\u002Fdocs\u002Fcomponents\u002Fcompressionartifacts","CompressionArtifacts",[302,467,469],{"href":468},"\u002Fdocs\u002Fcomponents\u002Fconcentricspin","ConcentricSpin",[302,471,473],{"href":472},"\u002Fdocs\u002Fcomponents\u002Fconicgradient","ConicGradient",[302,475,477],{"href":476},"\u002Fdocs\u002Fcomponents\u002Fcontourlines","ContourLines",[302,479,481],{"href":480},"\u002Fdocs\u002Fcomponents\u002Fcornerpin","CornerPin",[302,483,485],{"href":484},"\u002Fdocs\u002Fcomponents\u002Fcurlnoise","CurlNoise",[302,487,489],{"href":488},"\u002Fdocs\u002Fcomponents\u002Fcursorripples","CursorRipples",[302,491,493],{"href":492},"\u002Fdocs\u002Fcomponents\u002Fdiamondgradient","DiamondGradient",[302,495,497],{"href":496},"\u002Fdocs\u002Fcomponents\u002Fdiamondwipe","DiamondWipe",[302,499,501],{"href":500},"\u002Fdocs\u002Fcomponents\u002Fdiffuseblur","DiffuseBlur",[302,503,505],{"href":504},"\u002Fdocs\u002Fcomponents\u002Fdisplacementmap","DisplacementMap",[302,507,509],{"href":508},"\u002Fdocs\u002Fcomponents\u002Fdither","Dither",[302,511,513],{"href":512},"\u002Fdocs\u002Fcomponents\u002Fdotgrid","DotGrid",[302,515,517],{"href":516},"\u002Fdocs\u002Fcomponents\u002Fdropshadow","DropShadow",[302,519,521],{"href":520},"\u002Fdocs\u002Fcomponents\u002Fduotone","Duotone",[302,523,525],{"href":524},"\u002Fdocs\u002Fcomponents\u002Fengraving","Engraving",[302,527,529],{"href":528},"\u002Fdocs\u002Fcomponents\u002Ferosionnoise","ErosionNoise",[302,531,533],{"href":532},"\u002Fdocs\u002Fcomponents\u002Fexposure","Exposure",[302,535,537],{"href":536},"\u002Fdocs\u002Fcomponents\u002Ffallinglines","FallingLines",[302,539,541],{"href":540},"\u002Fdocs\u002Fcomponents\u002Ffilmgrain","FilmGrain",[302,543,545],{"href":544},"\u002Fdocs\u002Fcomponents\u002Ffilmstock","FilmStock",[302,547,549],{"href":548},"\u002Fdocs\u002Fcomponents\u002Fflip","Flip",[302,551,553],{"href":552},"\u002Fdocs\u002Fcomponents\u002Fflowfield","FlowField",[302,555,557],{"href":556},"\u002Fdocs\u002Fcomponents\u002Fflowinggradient","FlowingGradient",[302,559,561],{"href":560},"\u002Fdocs\u002Fcomponents\u002Fflutedglass","FlutedGlass",[302,563,565],{"href":564},"\u002Fdocs\u002Fcomponents\u002Ffractalnoise","FractalNoise",[302,567,569],{"href":568},"\u002Fdocs\u002Fcomponents\u002Fgabornoise","GaborNoise",[302,571,573],{"href":572},"\u002Fdocs\u002Fcomponents\u002Fglasstiles","GlassTiles",[302,575,577],{"href":576},"\u002Fdocs\u002Fcomponents\u002Fglitch","Glitch",[302,579,581],{"href":580},"\u002Fdocs\u002Fcomponents\u002Fglow","Glow",[302,583,585],{"href":584},"\u002Fdocs\u002Fcomponents\u002Fgodrays","Godrays",[302,587,589],{"href":588},"\u002Fdocs\u002Fcomponents\u002Fgradientmap","GradientMap",[302,591,593],{"href":592},"\u002Fdocs\u002Fcomponents\u002Fgrid","Grid",[302,595,597],{"href":596},"\u002Fdocs\u002Fcomponents\u002Fgriddistortion","GridDistortion",[302,599,601],{"href":600},"\u002Fdocs\u002Fcomponents\u002Fhalftone","Halftone",[302,603,605],{"href":604},"\u002Fdocs\u002Fcomponents\u002Fhexgrid","HexGrid",[302,607,609],{"href":608},"\u002Fdocs\u002Fcomponents\u002Fhueshift","HueShift",[302,611,613],{"href":612},"\u002Fdocs\u002Fcomponents\u002Fimagetexture","ImageTexture",[302,615,617],{"href":616},"\u002Fdocs\u002Fcomponents\u002Firiswipe","IrisWipe",[302,619,621],{"href":620},"\u002Fdocs\u002Fcomponents\u002Fisometriccubes","IsometricCubes",[302,623,625],{"href":624},"\u002Fdocs\u002Fcomponents\u002Fkaleidoscope","Kaleidoscope",[302,627,629],{"href":628},"\u002Fdocs\u002Fcomponents\u002Fkeyframes","KeyFrames",[302,631,633],{"href":632},"\u002Fdocs\u002Fcomponents\u002Flensdistortion","LensDistortion",[302,635,637],{"href":636},"\u002Fdocs\u002Fcomponents\u002Flensflare","LensFlare",[302,639,641],{"href":640},"\u002Fdocs\u002Fcomponents\u002Flightleak","LightLeak",[302,643,645],{"href":644},"\u002Fdocs\u002Fcomponents\u002Fline","Line",[302,647,649],{"href":648},"\u002Fdocs\u002Fcomponents\u002Flinearblur","LinearBlur",[302,651,653],{"href":652},"\u002Fdocs\u002Fcomponents\u002Flineargradient","LinearGradient",[302,655,657],{"href":656},"\u002Fdocs\u002Fcomponents\u002Flinearwipe","LinearWipe",[302,659,661],{"href":660},"\u002Fdocs\u002Fcomponents\u002Fliquify","Liquify",[302,663,665],{"href":664},"\u002Fdocs\u002Fcomponents\u002Fmarble","Marble",[302,667,669],{"href":668},"\u002Fdocs\u002Fcomponents\u002Fmeshgradient","MeshGradient",[302,671,673],{"href":672},"\u002Fdocs\u002Fcomponents\u002Fmirror","Mirror",[302,675,677],{"href":676},"\u002Fdocs\u002Fcomponents\u002Fmultipointgradient","MultiPointGradient",[302,679,681],{"href":680},"\u002Fdocs\u002Fcomponents\u002Fnoisedissolve","NoiseDissolve",[302,683,685],{"href":684},"\u002Fdocs\u002Fcomponents\u002Fobjecttracker","ObjectTracker",[302,687,689],{"href":688},"\u002Fdocs\u002Fcomponents\u002Fobsidian","Obsidian",[302,691,693],{"href":692},"\u002Fdocs\u002Fcomponents\u002Fpagepeel","PagePeel",[302,695,697],{"href":696},"\u002Fdocs\u002Fcomponents\u002Fperlinnoise","PerlinNoise",[302,699,701],{"href":700},"\u002Fdocs\u002Fcomponents\u002Fperspective","Perspective",[302,703,705],{"href":704},"\u002Fdocs\u002Fcomponents\u002Fpixelate","Pixelate",[302,707,709],{"href":708},"\u002Fdocs\u002Fcomponents\u002Fplasma","Plasma",[302,711,713],{"href":712},"\u002Fdocs\u002Fcomponents\u002Fpolarcoordinates","PolarCoordinates",[302,715,717],{"href":716},"\u002Fdocs\u002Fcomponents\u002Fposterize","Posterize",[302,719,721],{"href":720},"\u002Fdocs\u002Fcomponents\u002Fprism","Prism",[302,723,725],{"href":724},"\u002Fdocs\u002Fcomponents\u002Fprogressiveblur","ProgressiveBlur",[302,727,729],{"href":728},"\u002Fdocs\u002Fcomponents\u002Fradialgradient","RadialGradient",[302,731,733],{"href":732},"\u002Fdocs\u002Fcomponents\u002Fradialwipe","RadialWipe",[302,735,737],{"href":736},"\u002Fdocs\u002Fcomponents\u002Frandombars","RandomBars",[302,739,741],{"href":740},"\u002Fdocs\u002Fcomponents\u002Frectangularcoordinates","RectangularCoordinates",[302,743,745],{"href":744},"\u002Fdocs\u002Fcomponents\u002Freflectiveplane","ReflectivePlane",[302,747,749],{"href":748},"\u002Fdocs\u002Fcomponents\u002Frepeater","Repeater",[302,751,753],{"href":752},"\u002Fdocs\u002Fcomponents\u002Fripplewipe","RippleWipe",[302,755,757],{"href":756},"\u002Fdocs\u002Fcomponents\u002Fripples","Ripples",[302,759,761],{"href":760},"\u002Fdocs\u002Fcomponents\u002Fsaturation","Saturation",[302,763,765],{"href":764},"\u002Fdocs\u002Fcomponents\u002Fscratches","Scratches",[302,767,769],{"href":768},"\u002Fdocs\u002Fcomponents\u002Fsharpness","Sharpness",[302,771,773],{"href":772},"\u002Fdocs\u002Fcomponents\u002Fsimplexnoise","SimplexNoise",[302,775,777],{"href":776},"\u002Fdocs\u002Fcomponents\u002Fsinewave","SineWave",[302,779,781],{"href":780},"\u002Fdocs\u002Fcomponents\u002Fslicewipe","SliceWipe",[302,783,785],{"href":784},"\u002Fdocs\u002Fcomponents\u002Fsolarize","Solarize",[302,787,789],{"href":788},"\u002Fdocs\u002Fcomponents\u002Fsolidcolor","SolidColor",[302,791,793],{"href":792},"\u002Fdocs\u002Fcomponents\u002Fspherize","Spherize",[302,795,797],{"href":796},"\u002Fdocs\u002Fcomponents\u002Fspiral","Spiral",[302,799,801],{"href":800},"\u002Fdocs\u002Fcomponents\u002Fstrands","Strands",[302,803,805],{"href":804},"\u002Fdocs\u002Fcomponents\u002Fstretch","Stretch",[302,807,809],{"href":808},"\u002Fdocs\u002Fcomponents\u002Fstripes","Stripes",[302,811,813],{"href":812},"\u002Fdocs\u002Fcomponents\u002Fstudiobackground","StudioBackground",[302,815,817],{"href":816},"\u002Fdocs\u002Fcomponents\u002Fsunburst","SunBurst",[302,819,821],{"href":820},"\u002Fdocs\u002Fcomponents\u002Fswirl","Swirl",[302,823,825],{"href":824},"\u002Fdocs\u002Fcomponents\u002Ftiltshift","TiltShift",[302,827,829],{"href":828},"\u002Fdocs\u002Fcomponents\u002Ftint","Tint",[302,831,833],{"href":832},"\u002Fdocs\u002Fcomponents\u002Ftriangulargrid","TriangularGrid",[302,835,837],{"href":836},"\u002Fdocs\u002Fcomponents\u002Ftritone","Tritone",[302,839,841],{"href":840},"\u002Fdocs\u002Fcomponents\u002Ftruchet","Truchet",[302,843,845],{"href":844},"\u002Fdocs\u002Fcomponents\u002Ftwirl","Twirl",[302,847,849],{"href":848},"\u002Fdocs\u002Fcomponents\u002Fvhs","VHS",[302,851,853],{"href":852},"\u002Fdocs\u002Fcomponents\u002Fvenetianblinds","VenetianBlinds",[302,855,857],{"href":856},"\u002Fdocs\u002Fcomponents\u002Fvibrance","Vibrance",[302,859,861],{"href":860},"\u002Fdocs\u002Fcomponents\u002Fvideotexture","VideoTexture",[302,863,865],{"href":864},"\u002Fdocs\u002Fcomponents\u002Fvignette","Vignette",[302,867,869],{"href":868},"\u002Fdocs\u002Fcomponents\u002Fvoronoi","Voronoi",[302,871,873],{"href":872},"\u002Fdocs\u002Fcomponents\u002Fvoxels","Voxels",[302,875,877],{"href":876},"\u002Fdocs\u002Fcomponents\u002Fwatercolor","Watercolor",[302,879,881],{"href":880},"\u002Fdocs\u002Fcomponents\u002Fwavedistortion","WaveDistortion",[302,883,885],{"href":884},"\u002Fdocs\u002Fcomponents\u002Fwaveform","Waveform",[302,887,889],{"href":888},"\u002Fdocs\u002Fcomponents\u002Fwaveletnoise","WaveletNoise",[302,891,893],{"href":892},"\u002Fdocs\u002Fcomponents\u002Fweave","Weave",[302,895,897],{"href":896},"\u002Fdocs\u002Fcomponents\u002Fwebcamtexture","WebcamTexture",[302,899,901],{"href":900},"\u002Fdocs\u002Fcomponents\u002Fworleynoise","WorleyNoise",[302,903,905],{"href":904},"\u002Fdocs\u002Fcomponents\u002Fzoomblur","ZoomBlur",[907,908,909],"style",{},"html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}",{"title":163,"searchDepth":911,"depth":911,"links":912},2,[913,914,915,916],{"id":198,"depth":911,"text":199},{"id":239,"depth":911,"text":240},{"id":293,"depth":911,"text":294},{"id":362,"depth":911,"text":363},"values","Props & values",false,"md","define","Defining a shader","function",{},true,"\u002Fdocs\u002Fprimitives\u002Fvalues\u002Fp",{"title":147,"description":156},"https:\u002F\u002Fgithub.com\u002Fshader-effects-inc\u002Fshaders\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fstd\u002Fvalues.ts#L35","docs\u002Fprimitives\u002F2.values\u002F1.p","eV0wEpX9YYui_AGnh8nVYOxNfYJevU0wkeBS2xQECto"]