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