[{"data":1,"prerenderedAt":1308},["ShallowReactive",2],{"navigation":3,"/api/abstractions/mask":474,"/api/abstractions/mask-surround":1303},[4,22],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":19,"path":20,"stem":21},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/4.upgrade-guide",{"title":23,"path":24,"stem":25,"children":26},"Api","/api","2.api",[27,30,84,114,156,190,284,310,344,394,440],{"title":28,"path":24,"stem":29},"All","2.api/index",{"title":31,"path":32,"stem":33,"children":34},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[35,36,40,44,48,52,56,60,64,68,72,76,80],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":41,"path":42,"stem":43},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":45,"path":46,"stem":47},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":49,"path":50,"stem":51},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":53,"path":54,"stem":55},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":57,"path":58,"stem":59},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":61,"path":62,"stem":63},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":65,"path":66,"stem":67},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":69,"path":70,"stem":71},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":73,"path":74,"stem":75},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":77,"path":78,"stem":79},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":81,"path":82,"stem":83},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":85,"path":86,"stem":87,"children":88},"Controls","/api/controls","2.api/2.controls/index",[89,90,94,98,102,106,110],{"title":85,"path":86,"stem":87},{"title":91,"path":92,"stem":93},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":95,"path":96,"stem":97},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":99,"path":100,"stem":101},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":103,"path":104,"stem":105},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":107,"path":108,"stem":109},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":111,"path":112,"stem":113},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":115,"path":116,"stem":117,"children":118},"Loaders","/api/loaders","2.api/3.loaders/index",[119,120,124,128,132,136,140,144,148,152],{"title":115,"path":116,"stem":117},{"title":121,"path":122,"stem":123},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":125,"path":126,"stem":127},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":129,"path":130,"stem":131},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":133,"path":134,"stem":135},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":137,"path":138,"stem":139},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":141,"path":142,"stem":143},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":145,"path":146,"stem":147},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":149,"path":150,"stem":151},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":153,"path":154,"stem":155},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":157,"path":158,"stem":159,"children":160},"Materials","/api/materials","2.api/4.materials/index",[161,162,166,170,174,178,182,186],{"title":157,"path":158,"stem":159},{"title":163,"path":164,"stem":165},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":167,"path":168,"stem":169},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":171,"path":172,"stem":173},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":175,"path":176,"stem":177},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":179,"path":180,"stem":181},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":183,"path":184,"stem":185},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":187,"path":188,"stem":189},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":191,"path":192,"stem":193,"children":194},"Shapes","/api/shapes","2.api/5.shapes/index",[195,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280],{"title":191,"path":192,"stem":193},{"title":197,"path":198,"stem":199},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":201,"path":202,"stem":203},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":205,"path":206,"stem":207},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":209,"path":210,"stem":211},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":213,"path":214,"stem":215},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":217,"path":218,"stem":219},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":221,"path":222,"stem":223},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":225,"path":226,"stem":227},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":229,"path":230,"stem":231},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":233,"path":234,"stem":235},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":237,"path":238,"stem":239},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":241,"path":242,"stem":243},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":245,"path":246,"stem":247},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":249,"path":250,"stem":251},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":253,"path":254,"stem":255},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":257,"path":258,"stem":259},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":261,"path":262,"stem":263},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":265,"path":266,"stem":267},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":269,"path":270,"stem":271},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":273,"path":274,"stem":275},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":277,"path":278,"stem":279},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":281,"path":282,"stem":283},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":285,"path":286,"stem":287,"children":288},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[289,290,294,298,302,306],{"title":285,"path":286,"stem":287},{"title":291,"path":292,"stem":293},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":295,"path":296,"stem":297},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":299,"path":300,"stem":301},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":303,"path":304,"stem":305},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":307,"path":308,"stem":309},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":311,"path":312,"stem":313,"children":314},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[315,316,320,324,328,332,336,340],{"title":311,"path":312,"stem":313},{"title":317,"path":318,"stem":319},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":321,"path":322,"stem":323},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":325,"path":326,"stem":327},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":329,"path":330,"stem":331},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":333,"path":334,"stem":335},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":337,"path":338,"stem":339},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":341,"path":342,"stem":343},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":345,"path":346,"stem":347,"children":348},"Staging","/api/staging","2.api/8.staging/index",[349,350,354,358,362,366,370,374,378,382,386,390],{"title":345,"path":346,"stem":347},{"title":351,"path":352,"stem":353},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":355,"path":356,"stem":357},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":359,"path":360,"stem":361},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":363,"path":364,"stem":365},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":367,"path":368,"stem":369},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":371,"path":372,"stem":373},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":375,"path":376,"stem":377},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":379,"path":380,"stem":381},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":383,"path":384,"stem":385},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":387,"path":388,"stem":389},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":391,"path":392,"stem":393},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":395,"path":396,"stem":397,"children":398},"Objects","/api/objects","2.api/9.objects/index",[399,400,404,408,412,416,420,424,428,432,436],{"title":395,"path":396,"stem":397},{"title":401,"path":402,"stem":403},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":405,"path":406,"stem":407},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":409,"path":410,"stem":411},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":413,"path":414,"stem":415},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":417,"path":418,"stem":419},"HTML","/api/objects/html","2.api/9.objects/html",{"title":421,"path":422,"stem":423},"Image","/api/objects/image","2.api/9.objects/image",{"title":425,"path":426,"stem":427},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":429,"path":430,"stem":431},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":433,"path":434,"stem":435},"Refractor","/api/objects/refractor","2.api/9.objects/refractor",{"title":437,"path":438,"stem":439},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":441,"path":442,"stem":443,"children":444},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[445,446,450,454,458,462,466,470],{"title":441,"path":442,"stem":443},{"title":447,"path":448,"stem":449},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":451,"path":452,"stem":453},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":455,"path":456,"stem":457},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":459,"path":460,"stem":461},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":463,"path":464,"stem":465},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":467,"path":468,"stem":469},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":471,"path":472,"stem":473},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":475,"title":65,"body":476,"description":1297,"extension":1298,"links":1299,"meta":1300,"navigation":662,"path":66,"seo":1301,"stem":67,"__hash__":1302},"docs/2.api/1.abstractions/mask.md",{"type":477,"value":478,"toc":1292},"minimark",[479,485,493,531,535,1148,1152,1227,1230,1237,1242,1259,1288],[480,481,482],"scene-controls-wrapper",{},[483,484],"abstractions-mask",{},[486,487,488,492],"p",{},[489,490,491],"code",{},"\u003CMask/>"," uses the stencil buffer to cut out areas of the screen.",[494,495,496,516],"prose-warning",{},[486,497,498,499,502,503,507,508,511,512,515],{},"To use ",[489,500,501],{},"\u003CMask />"," you ",[504,505,506],"em",{},"must"," add ",[489,509,510],{},":stencil=\"true\""," to your ",[489,513,514],{},"\u003CTresCanvas />",".",[486,517,518,520,521,530],{},[489,519,501],{}," relies on the ",[522,523,527],"a",{"href":524,"rel":525},"https://threejs.org/docs/#api/en/renderers/WebGLRenderer",[526],"nofollow",[489,528,529],{},"stencil buffer",". In recent versions of THREE.js, by default, the stencil buffer is not created.",[532,533,15],"h2",{"id":534},"usage",[536,537,548],"pre",{"className":538,"code":539,"highlights":540,"language":546,"meta":547,"style":547},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Mask, OrbitControls, useMask } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas :stencil=\"true\" clear-color=\"#4f4f4f\">\n    \u003CTresPerspectiveCamera />\n    \u003COrbitControls />\n\n    \u003CTresGroup :scale=\"2\">\n      \u003CTresMesh>\n        \u003CTresRingGeometry :args=\"[0.95, 1, 64]\" />\n        \u003CTresMeshBasicMaterial color=\"white\" />\n      \u003C/TresMesh>\n      \u003CMask :id=\"1\">\n        \u003CTresCircleGeometry />\n        \u003CTresMeshBasicMaterial color=\"#fbb03b\" />\n      \u003C/Mask>\n    \u003C/TresGroup>\n\n    \u003CTresMesh :position-z=\"-1\">\n      \u003CTresBoxGeometry />\n      \u003CTresMeshNormalMaterial v-bind=\"useMask(1)\" />\n    \u003C/TresMesh>\n\n    \u003CTresMesh :position-z=\"-3\">\n      \u003CTresBoxGeometry />\n      \u003CTresMeshNormalMaterial v-bind=\"useMask(1)\" />\n    \u003C/TresMesh>\n\n    \u003CTresMesh :position-z=\"-5\">\n      \u003CTresBoxGeometry />\n      \u003CTresMeshNormalMaterial />\n    \u003C/TresMesh>\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[541,542,543,544,545],2,16,17,18,19,"vue","",[489,549,550,585,626,647,657,664,674,713,725,735,740,765,776,818,840,850,872,882,902,911,921,926,951,961,992,1001,1006,1030,1039,1064,1073,1078,1102,1111,1120,1129,1139],{"__ignoreMap":547},[551,552,555,559,563,567,570,573,576,580,582],"span",{"class":553,"line":554},"line",1,[551,556,558],{"class":557},"sMK4o","\u003C",[551,560,562],{"class":561},"swJcz","script",[551,564,566],{"class":565},"spNyl"," setup",[551,568,569],{"class":565}," lang",[551,571,572],{"class":557},"=",[551,574,575],{"class":557},"\"",[551,577,579],{"class":578},"sfazB","ts",[551,581,575],{"class":557},[551,583,584],{"class":557},">\n",[551,586,589,593,596,600,603,606,608,611,614,617,620,623],{"class":587,"line":541},[553,588],"highlight",[551,590,592],{"class":591},"s7zQu","import",[551,594,595],{"class":557}," {",[551,597,599],{"class":598},"sTEyZ"," Mask",[551,601,602],{"class":557},",",[551,604,605],{"class":598}," OrbitControls",[551,607,602],{"class":557},[551,609,610],{"class":598}," useMask",[551,612,613],{"class":557}," }",[551,615,616],{"class":591}," from",[551,618,619],{"class":557}," '",[551,621,622],{"class":578},"@tresjs/cientos",[551,624,625],{"class":557},"'\n",[551,627,629,631,633,636,638,640,642,645],{"class":553,"line":628},3,[551,630,592],{"class":591},[551,632,595],{"class":557},[551,634,635],{"class":598}," TresCanvas",[551,637,613],{"class":557},[551,639,616],{"class":591},[551,641,619],{"class":557},[551,643,644],{"class":578},"@tresjs/core",[551,646,625],{"class":557},[551,648,650,653,655],{"class":553,"line":649},4,[551,651,652],{"class":557},"\u003C/",[551,654,562],{"class":561},[551,656,584],{"class":557},[551,658,660],{"class":553,"line":659},5,[551,661,663],{"emptyLinePlaceholder":662},true,"\n",[551,665,667,669,672],{"class":553,"line":666},6,[551,668,558],{"class":557},[551,670,671],{"class":561},"template",[551,673,584],{"class":557},[551,675,677,680,683,686,689,691,693,697,699,702,704,706,709,711],{"class":553,"line":676},7,[551,678,679],{"class":557},"  \u003C",[551,681,682],{"class":561},"TresCanvas",[551,684,685],{"class":557}," :",[551,687,688],{"class":565},"stencil",[551,690,572],{"class":557},[551,692,575],{"class":557},[551,694,696],{"class":695},"sfNiH","true",[551,698,575],{"class":557},[551,700,701],{"class":565}," clear-color",[551,703,572],{"class":557},[551,705,575],{"class":557},[551,707,708],{"class":578},"#4f4f4f",[551,710,575],{"class":557},[551,712,584],{"class":557},[551,714,716,719,722],{"class":553,"line":715},8,[551,717,718],{"class":557},"    \u003C",[551,720,721],{"class":561},"TresPerspectiveCamera",[551,723,724],{"class":557}," />\n",[551,726,728,730,733],{"class":553,"line":727},9,[551,729,718],{"class":557},[551,731,732],{"class":561},"OrbitControls",[551,734,724],{"class":557},[551,736,738],{"class":553,"line":737},10,[551,739,663],{"emptyLinePlaceholder":662},[551,741,743,745,748,750,753,755,757,761,763],{"class":553,"line":742},11,[551,744,718],{"class":557},[551,746,747],{"class":561},"TresGroup",[551,749,685],{"class":557},[551,751,752],{"class":565},"scale",[551,754,572],{"class":557},[551,756,575],{"class":557},[551,758,760],{"class":759},"sbssI","2",[551,762,575],{"class":557},[551,764,584],{"class":557},[551,766,768,771,774],{"class":553,"line":767},12,[551,769,770],{"class":557},"      \u003C",[551,772,773],{"class":561},"TresMesh",[551,775,584],{"class":557},[551,777,779,782,785,787,790,792,794,797,800,803,806,808,811,814,816],{"class":553,"line":778},13,[551,780,781],{"class":557},"        \u003C",[551,783,784],{"class":561},"TresRingGeometry",[551,786,685],{"class":557},[551,788,789],{"class":565},"args",[551,791,572],{"class":557},[551,793,575],{"class":557},[551,795,796],{"class":557},"[",[551,798,799],{"class":759},"0.95",[551,801,802],{"class":557},", ",[551,804,805],{"class":759},"1",[551,807,802],{"class":557},[551,809,810],{"class":759},"64",[551,812,813],{"class":557},"]",[551,815,575],{"class":557},[551,817,724],{"class":557},[551,819,821,823,826,829,831,833,836,838],{"class":553,"line":820},14,[551,822,781],{"class":557},[551,824,825],{"class":561},"TresMeshBasicMaterial",[551,827,828],{"class":565}," color",[551,830,572],{"class":557},[551,832,575],{"class":557},[551,834,835],{"class":578},"white",[551,837,575],{"class":557},[551,839,724],{"class":557},[551,841,843,846,848],{"class":553,"line":842},15,[551,844,845],{"class":557},"      \u003C/",[551,847,773],{"class":561},[551,849,584],{"class":557},[551,851,853,855,857,859,862,864,866,868,870],{"class":852,"line":542},[553,588],[551,854,770],{"class":557},[551,856,65],{"class":561},[551,858,685],{"class":557},[551,860,861],{"class":565},"id",[551,863,572],{"class":557},[551,865,575],{"class":557},[551,867,805],{"class":759},[551,869,575],{"class":557},[551,871,584],{"class":557},[551,873,875,877,880],{"class":874,"line":543},[553,588],[551,876,781],{"class":557},[551,878,879],{"class":561},"TresCircleGeometry",[551,881,724],{"class":557},[551,883,885,887,889,891,893,895,898,900],{"class":884,"line":544},[553,588],[551,886,781],{"class":557},[551,888,825],{"class":561},[551,890,828],{"class":565},[551,892,572],{"class":557},[551,894,575],{"class":557},[551,896,897],{"class":578},"#fbb03b",[551,899,575],{"class":557},[551,901,724],{"class":557},[551,903,905,907,909],{"class":904,"line":545},[553,588],[551,906,845],{"class":557},[551,908,65],{"class":561},[551,910,584],{"class":557},[551,912,914,917,919],{"class":553,"line":913},20,[551,915,916],{"class":557},"    \u003C/",[551,918,747],{"class":561},[551,920,584],{"class":557},[551,922,924],{"class":553,"line":923},21,[551,925,663],{"emptyLinePlaceholder":662},[551,927,929,931,933,935,938,940,942,945,947,949],{"class":553,"line":928},22,[551,930,718],{"class":557},[551,932,773],{"class":561},[551,934,685],{"class":557},[551,936,937],{"class":565},"position-z",[551,939,572],{"class":557},[551,941,575],{"class":557},[551,943,944],{"class":557},"-",[551,946,805],{"class":759},[551,948,575],{"class":557},[551,950,584],{"class":557},[551,952,954,956,959],{"class":553,"line":953},23,[551,955,770],{"class":557},[551,957,958],{"class":561},"TresBoxGeometry",[551,960,724],{"class":557},[551,962,964,966,969,972,974,976,980,983,985,988,990],{"class":553,"line":963},24,[551,965,770],{"class":557},[551,967,968],{"class":561},"TresMeshNormalMaterial",[551,970,971],{"class":565}," v-bind",[551,973,572],{"class":557},[551,975,575],{"class":557},[551,977,979],{"class":978},"s2Zo4","useMask",[551,981,982],{"class":557},"(",[551,984,805],{"class":759},[551,986,987],{"class":557},")",[551,989,575],{"class":557},[551,991,724],{"class":557},[551,993,995,997,999],{"class":553,"line":994},25,[551,996,916],{"class":557},[551,998,773],{"class":561},[551,1000,584],{"class":557},[551,1002,1004],{"class":553,"line":1003},26,[551,1005,663],{"emptyLinePlaceholder":662},[551,1007,1009,1011,1013,1015,1017,1019,1021,1023,1026,1028],{"class":553,"line":1008},27,[551,1010,718],{"class":557},[551,1012,773],{"class":561},[551,1014,685],{"class":557},[551,1016,937],{"class":565},[551,1018,572],{"class":557},[551,1020,575],{"class":557},[551,1022,944],{"class":557},[551,1024,1025],{"class":759},"3",[551,1027,575],{"class":557},[551,1029,584],{"class":557},[551,1031,1033,1035,1037],{"class":553,"line":1032},28,[551,1034,770],{"class":557},[551,1036,958],{"class":561},[551,1038,724],{"class":557},[551,1040,1042,1044,1046,1048,1050,1052,1054,1056,1058,1060,1062],{"class":553,"line":1041},29,[551,1043,770],{"class":557},[551,1045,968],{"class":561},[551,1047,971],{"class":565},[551,1049,572],{"class":557},[551,1051,575],{"class":557},[551,1053,979],{"class":978},[551,1055,982],{"class":557},[551,1057,805],{"class":759},[551,1059,987],{"class":557},[551,1061,575],{"class":557},[551,1063,724],{"class":557},[551,1065,1067,1069,1071],{"class":553,"line":1066},30,[551,1068,916],{"class":557},[551,1070,773],{"class":561},[551,1072,584],{"class":557},[551,1074,1076],{"class":553,"line":1075},31,[551,1077,663],{"emptyLinePlaceholder":662},[551,1079,1081,1083,1085,1087,1089,1091,1093,1095,1098,1100],{"class":553,"line":1080},32,[551,1082,718],{"class":557},[551,1084,773],{"class":561},[551,1086,685],{"class":557},[551,1088,937],{"class":565},[551,1090,572],{"class":557},[551,1092,575],{"class":557},[551,1094,944],{"class":557},[551,1096,1097],{"class":759},"5",[551,1099,575],{"class":557},[551,1101,584],{"class":557},[551,1103,1105,1107,1109],{"class":553,"line":1104},33,[551,1106,770],{"class":557},[551,1108,958],{"class":561},[551,1110,724],{"class":557},[551,1112,1114,1116,1118],{"class":553,"line":1113},34,[551,1115,770],{"class":557},[551,1117,968],{"class":561},[551,1119,724],{"class":557},[551,1121,1123,1125,1127],{"class":553,"line":1122},35,[551,1124,916],{"class":557},[551,1126,773],{"class":561},[551,1128,584],{"class":557},[551,1130,1132,1135,1137],{"class":553,"line":1131},36,[551,1133,1134],{"class":557},"  \u003C/",[551,1136,682],{"class":561},[551,1138,584],{"class":557},[551,1140,1142,1144,1146],{"class":553,"line":1141},37,[551,1143,652],{"class":557},[551,1145,671],{"class":561},[551,1147,584],{"class":557},[532,1149,1151],{"id":1150},"props","Props",[1153,1154,1155,1172],"table",{},[1156,1157,1158],"thead",{},[1159,1160,1161,1166,1169],"tr",{},[1162,1163,1165],"th",{"align":1164},"left","Prop",[1162,1167,1168],{"align":1164},"Description",[1162,1170,1171],{},"Default",[1173,1174,1175,1194,1211],"tbody",{},[1159,1176,1177,1185,1192],{},[1178,1179,1180],"td",{"align":1164},[1181,1182,1183],"strong",{},[489,1184,861],{},[1178,1186,1187,1188,1191],{"align":1164},"Id of the stencil buffer to use. Each mask must have a ",[489,1189,1190],{},"number"," id. Multiple masks can refer to the same id.",[1178,1193],{},[1159,1195,1196,1203,1206],{},[1178,1197,1198],{"align":1164},[1181,1199,1200],{},[489,1201,1202],{},"colorWrite",[1178,1204,1205],{"align":1164},"Whether the colors of the mask's own material will leak through.",[1178,1207,1208],{},[489,1209,1210],{},"false",[1159,1212,1213,1220,1223],{},[1178,1214,1215],{"align":1164},[1181,1216,1217],{},[489,1218,1219],{},"depthWrite",[1178,1221,1222],{"align":1164},"Whether the depth of the mask's own material will leak through.",[1178,1224,1225],{},[489,1226,1210],{},[532,1228,979],{"id":1229},"usemask",[486,1231,1232,1233,1236],{},"Composable that returns the stencil configuration to apply a mask to a material. Use it with ",[489,1234,1235],{},"v-bind"," on materials that should be affected by the mask.",[486,1238,1239],{},[1181,1240,1241],{},"Parameters:",[1243,1244,1245,1251],"ul",{},[1246,1247,1248,1250],"li",{},[489,1249,861],{}," - The mask id to use (number or Ref)",[1246,1252,1253,1256,1257],{},[489,1254,1255],{},"inverse"," - Whether to invert the mask (boolean or Ref), defaults to ",[489,1258,1210],{},[536,1260,1262],{"className":538,"code":1261,"language":546,"meta":547,"style":547},"\u003CTresMeshNormalMaterial v-bind=\"useMask(1)\" />\n",[489,1263,1264],{"__ignoreMap":547},[551,1265,1266,1268,1270,1272,1274,1276,1278,1280,1282,1284,1286],{"class":553,"line":554},[551,1267,558],{"class":557},[551,1269,968],{"class":561},[551,1271,971],{"class":565},[551,1273,572],{"class":557},[551,1275,575],{"class":557},[551,1277,979],{"class":978},[551,1279,982],{"class":598},[551,1281,805],{"class":759},[551,1283,987],{"class":598},[551,1285,575],{"class":557},[551,1287,724],{"class":557},[1289,1290,1291],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":547,"searchDepth":554,"depth":541,"links":1293},[1294,1295,1296],{"id":534,"depth":541,"text":15},{"id":1150,"depth":541,"text":1151},{"id":1229,"depth":541,"text":979},"Cut out areas of the screen using the stencil buffer.","md",null,{},{"title":65,"description":1297},"G7X7KSfvm9ZBJpENVvMjF0UaBORYjhBMGhf9hH7E7tw",[1304,1306],{"title":61,"path":62,"stem":63,"description":1305,"children":-1},"Make content float like magic with smooth animations.",{"title":69,"path":70,"stem":71,"description":1307,"children":-1},"Create inverted-hull outlines using parent geometry.",1781273436211]