[{"data":1,"prerenderedAt":6484},["ShallowReactive",2],{"navigation":3,"/api/abstractions":466,"/api/abstractions-surround":487,"abstraction-list":492},[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,80,110,152,186,280,306,340,390,432],{"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],{"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},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":53,"path":54,"stem":55},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":57,"path":58,"stem":59},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":61,"path":62,"stem":63},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":65,"path":66,"stem":67},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":69,"path":70,"stem":71},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":73,"path":74,"stem":75},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":77,"path":78,"stem":79},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":81,"path":82,"stem":83,"children":84},"Controls","/api/controls","2.api/2.controls/index",[85,86,90,94,98,102,106],{"title":81,"path":82,"stem":83},{"title":87,"path":88,"stem":89},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":91,"path":92,"stem":93},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":95,"path":96,"stem":97},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":99,"path":100,"stem":101},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":103,"path":104,"stem":105},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":107,"path":108,"stem":109},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":111,"path":112,"stem":113,"children":114},"Loaders","/api/loaders","2.api/3.loaders/index",[115,116,120,124,128,132,136,140,144,148],{"title":111,"path":112,"stem":113},{"title":117,"path":118,"stem":119},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":121,"path":122,"stem":123},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":125,"path":126,"stem":127},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":129,"path":130,"stem":131},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":133,"path":134,"stem":135},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":137,"path":138,"stem":139},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":141,"path":142,"stem":143},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":145,"path":146,"stem":147},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":149,"path":150,"stem":151},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":153,"path":154,"stem":155,"children":156},"Materials","/api/materials","2.api/4.materials/index",[157,158,162,166,170,174,178,182],{"title":153,"path":154,"stem":155},{"title":159,"path":160,"stem":161},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":163,"path":164,"stem":165},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":167,"path":168,"stem":169},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":171,"path":172,"stem":173},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":175,"path":176,"stem":177},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":179,"path":180,"stem":181},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":183,"path":184,"stem":185},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":187,"path":188,"stem":189,"children":190},"Shapes","/api/shapes","2.api/5.shapes/index",[191,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276],{"title":187,"path":188,"stem":189},{"title":193,"path":194,"stem":195},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":197,"path":198,"stem":199},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":201,"path":202,"stem":203},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":205,"path":206,"stem":207},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":209,"path":210,"stem":211},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":213,"path":214,"stem":215},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":217,"path":218,"stem":219},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":221,"path":222,"stem":223},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":225,"path":226,"stem":227},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":229,"path":230,"stem":231},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":233,"path":234,"stem":235},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":237,"path":238,"stem":239},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":241,"path":242,"stem":243},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":245,"path":246,"stem":247},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":249,"path":250,"stem":251},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":253,"path":254,"stem":255},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":257,"path":258,"stem":259},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":261,"path":262,"stem":263},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":265,"path":266,"stem":267},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":269,"path":270,"stem":271},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":273,"path":274,"stem":275},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":277,"path":278,"stem":279},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":281,"path":282,"stem":283,"children":284},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[285,286,290,294,298,302],{"title":281,"path":282,"stem":283},{"title":287,"path":288,"stem":289},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":291,"path":292,"stem":293},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":295,"path":296,"stem":297},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":299,"path":300,"stem":301},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":303,"path":304,"stem":305},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":307,"path":308,"stem":309,"children":310},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[311,312,316,320,324,328,332,336],{"title":307,"path":308,"stem":309},{"title":313,"path":314,"stem":315},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":317,"path":318,"stem":319},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":321,"path":322,"stem":323},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":325,"path":326,"stem":327},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":329,"path":330,"stem":331},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":333,"path":334,"stem":335},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":337,"path":338,"stem":339},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":341,"path":342,"stem":343,"children":344},"Staging","/api/staging","2.api/8.staging/index",[345,346,350,354,358,362,366,370,374,378,382,386],{"title":341,"path":342,"stem":343},{"title":347,"path":348,"stem":349},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":351,"path":352,"stem":353},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":355,"path":356,"stem":357},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":359,"path":360,"stem":361},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":363,"path":364,"stem":365},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":367,"path":368,"stem":369},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":371,"path":372,"stem":373},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":375,"path":376,"stem":377},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":379,"path":380,"stem":381},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":383,"path":384,"stem":385},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":387,"path":388,"stem":389},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":391,"path":392,"stem":393,"children":394},"Objects","/api/objects","2.api/9.objects/index",[395,396,400,404,408,412,416,420,424,428],{"title":391,"path":392,"stem":393},{"title":397,"path":398,"stem":399},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":401,"path":402,"stem":403},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":405,"path":406,"stem":407},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":409,"path":410,"stem":411},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":413,"path":414,"stem":415},"HTML","/api/objects/html","2.api/9.objects/html",{"title":417,"path":418,"stem":419},"Image","/api/objects/image","2.api/9.objects/image",{"title":421,"path":422,"stem":423},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":425,"path":426,"stem":427},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":429,"path":430,"stem":431},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":433,"path":434,"stem":435,"children":436},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[437,438,442,446,450,454,458,462],{"title":433,"path":434,"stem":435},{"title":439,"path":440,"stem":441},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":443,"path":444,"stem":445},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":447,"path":448,"stem":449},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":451,"path":452,"stem":453},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":455,"path":456,"stem":457},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":459,"path":460,"stem":461},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":463,"path":464,"stem":465},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":467,"title":31,"body":468,"description":480,"extension":481,"links":482,"meta":483,"navigation":484,"path":32,"seo":485,"stem":33,"__hash__":486},"docs/2.api/1.abstractions/index.md",{"type":469,"value":470,"toc":475},"minimark",[471],[472,473],"api-list",{"list-name":474},"abstraction-list",{"title":476,"searchDepth":477,"depth":478,"links":479},"",1,2,[],"UI components reference","md",null,{},true,{"title":31,"description":480},"baHMAoaJElysrTy3x8ClFjAsCmHKTlx_oEIhv5zW7dM",[488,490],{"title":28,"path":24,"stem":29,"description":489,"children":-1},"Explore the complete API reference",{"title":37,"path":38,"stem":39,"description":491,"children":-1},"Calculate and align children within their parent using bounding boxes.",[493,1233,1579,2164,2475,3177,3631,4335,4846,5745,6096],{"id":494,"title":37,"body":495,"description":491,"extension":481,"links":482,"meta":1230,"navigation":484,"path":38,"seo":1231,"stem":39,"__hash__":1232},"docs/2.api/1.abstractions/align.md",{"type":469,"value":496,"toc":1225},[497,503,512,516,814,818,821,1075,1079,1221],[498,499,500],"scene-controls-wrapper",{},[501,502],"abstractions-align",{},[504,505,506,507,511],"p",{},"Calculates a bounding box around its children and aligns them as a group within their parent. The component measures its contents and realigns on every frame unless ",[508,509,510],"code",{},"cacheKey"," is set.",[513,514,15],"h2",{"id":515},"usage",[517,518,525],"pre",{"className":519,"code":520,"highlights":521,"language":524,"meta":476,"style":476},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Align, OrbitControls } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#222\">\n    \u003CTresPerspectiveCamera />\n    \u003COrbitControls />\n\n    \u003CTresAxesHelper :scale=\"2\" />\n\n    \u003CAlign top right back>\n      \u003CTresMesh>\n        \u003CTresBoxGeometry />\n        \u003CTresMeshNormalMaterial />\n      \u003C/TresMesh>\n    \u003C/Align>\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[478,522,523],13,18,"vue",[508,526,527,561,597,618,628,634,644,667,679,689,694,720,725,743,754,765,775,785,795,805],{"__ignoreMap":476},[528,529,531,535,539,543,546,549,552,556,558],"span",{"class":530,"line":477},"line",[528,532,534],{"class":533},"sMK4o","\u003C",[528,536,538],{"class":537},"swJcz","script",[528,540,542],{"class":541},"spNyl"," setup",[528,544,545],{"class":541}," lang",[528,547,548],{"class":533},"=",[528,550,551],{"class":533},"\"",[528,553,555],{"class":554},"sfazB","ts",[528,557,551],{"class":533},[528,559,560],{"class":533},">\n",[528,562,565,569,572,576,579,582,585,588,591,594],{"class":563,"line":478},[530,564],"highlight",[528,566,568],{"class":567},"s7zQu","import",[528,570,571],{"class":533}," {",[528,573,575],{"class":574},"sTEyZ"," Align",[528,577,578],{"class":533},",",[528,580,581],{"class":574}," OrbitControls",[528,583,584],{"class":533}," }",[528,586,587],{"class":567}," from",[528,589,590],{"class":533}," '",[528,592,593],{"class":554},"@tresjs/cientos",[528,595,596],{"class":533},"'\n",[528,598,600,602,604,607,609,611,613,616],{"class":530,"line":599},3,[528,601,568],{"class":567},[528,603,571],{"class":533},[528,605,606],{"class":574}," TresCanvas",[528,608,584],{"class":533},[528,610,587],{"class":567},[528,612,590],{"class":533},[528,614,615],{"class":554},"@tresjs/core",[528,617,596],{"class":533},[528,619,621,624,626],{"class":530,"line":620},4,[528,622,623],{"class":533},"\u003C/",[528,625,538],{"class":537},[528,627,560],{"class":533},[528,629,631],{"class":530,"line":630},5,[528,632,633],{"emptyLinePlaceholder":484},"\n",[528,635,637,639,642],{"class":530,"line":636},6,[528,638,534],{"class":533},[528,640,641],{"class":537},"template",[528,643,560],{"class":533},[528,645,647,650,653,656,658,660,663,665],{"class":530,"line":646},7,[528,648,649],{"class":533},"  \u003C",[528,651,652],{"class":537},"TresCanvas",[528,654,655],{"class":541}," clear-color",[528,657,548],{"class":533},[528,659,551],{"class":533},[528,661,662],{"class":554},"#222",[528,664,551],{"class":533},[528,666,560],{"class":533},[528,668,670,673,676],{"class":530,"line":669},8,[528,671,672],{"class":533},"    \u003C",[528,674,675],{"class":537},"TresPerspectiveCamera",[528,677,678],{"class":533}," />\n",[528,680,682,684,687],{"class":530,"line":681},9,[528,683,672],{"class":533},[528,685,686],{"class":537},"OrbitControls",[528,688,678],{"class":533},[528,690,692],{"class":530,"line":691},10,[528,693,633],{"emptyLinePlaceholder":484},[528,695,697,699,702,705,708,710,712,716,718],{"class":530,"line":696},11,[528,698,672],{"class":533},[528,700,701],{"class":537},"TresAxesHelper",[528,703,704],{"class":533}," :",[528,706,707],{"class":541},"scale",[528,709,548],{"class":533},[528,711,551],{"class":533},[528,713,715],{"class":714},"sbssI","2",[528,717,551],{"class":533},[528,719,678],{"class":533},[528,721,723],{"class":530,"line":722},12,[528,724,633],{"emptyLinePlaceholder":484},[528,726,728,730,732,735,738,741],{"class":727,"line":522},[530,564],[528,729,672],{"class":533},[528,731,37],{"class":537},[528,733,734],{"class":541}," top",[528,736,737],{"class":541}," right",[528,739,740],{"class":541}," back",[528,742,560],{"class":533},[528,744,746,749,752],{"class":530,"line":745},14,[528,747,748],{"class":533},"      \u003C",[528,750,751],{"class":537},"TresMesh",[528,753,560],{"class":533},[528,755,757,760,763],{"class":530,"line":756},15,[528,758,759],{"class":533},"        \u003C",[528,761,762],{"class":537},"TresBoxGeometry",[528,764,678],{"class":533},[528,766,768,770,773],{"class":530,"line":767},16,[528,769,759],{"class":533},[528,771,772],{"class":537},"TresMeshNormalMaterial",[528,774,678],{"class":533},[528,776,778,781,783],{"class":530,"line":777},17,[528,779,780],{"class":533},"      \u003C/",[528,782,751],{"class":537},[528,784,560],{"class":533},[528,786,788,791,793],{"class":787,"line":523},[530,564],[528,789,790],{"class":533},"    \u003C/",[528,792,37],{"class":537},[528,794,560],{"class":533},[528,796,798,801,803],{"class":530,"line":797},19,[528,799,800],{"class":533},"  \u003C/",[528,802,652],{"class":537},[528,804,560],{"class":533},[528,806,808,810,812],{"class":530,"line":807},20,[528,809,623],{"class":533},[528,811,641],{"class":537},[528,813,560],{"class":533},[513,815,817],{"id":816},"props","Props",[504,819,820],{},"All props are optional.",[822,823,824,840],"table",{},[825,826,827],"thead",{},[828,829,830,834,837],"tr",{},[831,832,833],"th",{},"Prop",[831,835,836],{},"Description",[831,838,839],{},"Default",[841,842,843,867,886,905,923,942,960,976,992,1008,1024,1046,1058],"tbody",{},[828,844,845,851,862],{},[846,847,848],"td",{},[508,849,850],{},"top",[846,852,853,854,857,858,861],{},"If ",[508,855,856],{},"true",", aligns bounding box bottom to ",[508,859,860],{},"0"," on the y-axis",[846,863,864],{},[508,865,866],{},"false",[828,868,869,874,882],{},[846,870,871],{},[508,872,873],{},"bottom",[846,875,853,876,878,879,881],{},[508,877,856],{},", aligns bounding box top to ",[508,880,860],{}," on the y-axis.",[846,883,884],{},[508,885,866],{},[828,887,888,893,901],{},[846,889,890],{},[508,891,892],{},"left",[846,894,853,895,897,898,900],{},[508,896,856],{},", aligns bounding box right to ",[508,899,860],{}," on the x-axis.",[846,902,903],{},[508,904,866],{},[828,906,907,912,919],{},[846,908,909],{},[508,910,911],{},"right",[846,913,853,914,916,917,900],{},[508,915,856],{},", aligns bounding box left to ",[508,918,860],{},[846,920,921],{},[508,922,866],{},[828,924,925,930,938],{},[846,926,927],{},[508,928,929],{},"front",[846,931,853,932,934,935,937],{},[508,933,856],{},", aligns bounding box back to ",[508,936,860],{}," on the z-axis.",[846,939,940],{},[508,941,866],{},[828,943,944,949,956],{},[846,945,946],{},[508,947,948],{},"back",[846,950,853,951,953,954,937],{},[508,952,856],{},", aligns bounding box front to ",[508,955,860],{},[846,957,958],{},[508,959,866],{},[828,961,962,967,972],{},[846,963,964],{},[508,965,966],{},"disable",[846,968,853,969,971],{},[508,970,856],{},", disables alignment on all axes.",[846,973,974],{},[508,975,866],{},[828,977,978,983,988],{},[846,979,980],{},[508,981,982],{},"disableX",[846,984,853,985,987],{},[508,986,856],{},", disables alignment on the x-axis.",[846,989,990],{},[508,991,866],{},[828,993,994,999,1004],{},[846,995,996],{},[508,997,998],{},"disableY",[846,1000,853,1001,1003],{},[508,1002,856],{},", disables alignment on the y-axis.",[846,1005,1006],{},[508,1007,866],{},[828,1009,1010,1015,1020],{},[846,1011,1012],{},[508,1013,1014],{},"disableZ",[846,1016,853,1017,1019],{},[508,1018,856],{},", disables alignment on the z-axis.",[846,1021,1022],{},[508,1023,866],{},[828,1025,1026,1031,1042],{},[846,1027,1028],{},[508,1029,1030],{},"precise",[846,1032,1033,1034,1041],{},"See ",[1035,1036,1040],"a",{"href":1037,"rel":1038},"https://threejs.org/docs/index.html?q=box3#api/en/math/Box3.setFromObject",[1039],"nofollow","Box3.setFromObject",".",[846,1043,1044],{},[508,1045,856],{},[828,1047,1048,1053,1056],{},[846,1049,1050],{},[508,1051,1052],{},"onAlign",[846,1054,1055],{},"Callback that fires when updating, after measurement.",[846,1057],{},[828,1059,1060,1064,1070],{},[846,1061,1062],{},[508,1063,510],{},[846,1065,1066,1067,1069],{},"If set, component will only update when ",[508,1068,510],{},"'s value changes. If unset, component will update every frame.",[846,1071,1072],{},[508,1073,1074],{},"undefined",[513,1076,1078],{"id":1077},"aligncallbackoptions","AlignCallbackOptions",[517,1080,1083],{"className":1081,"code":1082,"language":555,"meta":476,"style":476},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export interface AlignCallbackOptions {\n  /** The next parent above \u003CAlign /> */\n  parent: Object3D\n  /** The outmost container group of the \u003CAlign/> component */\n  container: Object3D\n  width: number\n  height: number\n  depth: number\n  boundingBox: Box3\n  boundingSphere: Sphere\n  center: Vector3\n  verticalAlignment: number\n  horizontalAlignment: number\n  depthAlignment: number\n}\n",[508,1084,1085,1100,1106,1117,1122,1131,1141,1150,1159,1169,1179,1189,1198,1207,1216],{"__ignoreMap":476},[528,1086,1087,1090,1093,1097],{"class":530,"line":477},[528,1088,1089],{"class":567},"export",[528,1091,1092],{"class":541}," interface",[528,1094,1096],{"class":1095},"sBMFI"," AlignCallbackOptions",[528,1098,1099],{"class":533}," {\n",[528,1101,1102],{"class":530,"line":478},[528,1103,1105],{"class":1104},"sHwdD","  /** The next parent above \u003CAlign /> */\n",[528,1107,1108,1111,1114],{"class":530,"line":599},[528,1109,1110],{"class":537},"  parent",[528,1112,1113],{"class":533},":",[528,1115,1116],{"class":1095}," Object3D\n",[528,1118,1119],{"class":530,"line":620},[528,1120,1121],{"class":1104},"  /** The outmost container group of the \u003CAlign/> component */\n",[528,1123,1124,1127,1129],{"class":530,"line":630},[528,1125,1126],{"class":537},"  container",[528,1128,1113],{"class":533},[528,1130,1116],{"class":1095},[528,1132,1133,1136,1138],{"class":530,"line":636},[528,1134,1135],{"class":537},"  width",[528,1137,1113],{"class":533},[528,1139,1140],{"class":1095}," number\n",[528,1142,1143,1146,1148],{"class":530,"line":646},[528,1144,1145],{"class":537},"  height",[528,1147,1113],{"class":533},[528,1149,1140],{"class":1095},[528,1151,1152,1155,1157],{"class":530,"line":669},[528,1153,1154],{"class":537},"  depth",[528,1156,1113],{"class":533},[528,1158,1140],{"class":1095},[528,1160,1161,1164,1166],{"class":530,"line":681},[528,1162,1163],{"class":537},"  boundingBox",[528,1165,1113],{"class":533},[528,1167,1168],{"class":1095}," Box3\n",[528,1170,1171,1174,1176],{"class":530,"line":691},[528,1172,1173],{"class":537},"  boundingSphere",[528,1175,1113],{"class":533},[528,1177,1178],{"class":1095}," Sphere\n",[528,1180,1181,1184,1186],{"class":530,"line":696},[528,1182,1183],{"class":537},"  center",[528,1185,1113],{"class":533},[528,1187,1188],{"class":1095}," Vector3\n",[528,1190,1191,1194,1196],{"class":530,"line":722},[528,1192,1193],{"class":537},"  verticalAlignment",[528,1195,1113],{"class":533},[528,1197,1140],{"class":1095},[528,1199,1200,1203,1205],{"class":530,"line":522},[528,1201,1202],{"class":537},"  horizontalAlignment",[528,1204,1113],{"class":533},[528,1206,1140],{"class":1095},[528,1208,1209,1212,1214],{"class":530,"line":745},[528,1210,1211],{"class":537},"  depthAlignment",[528,1213,1113],{"class":533},[528,1215,1140],{"class":1095},[528,1217,1218],{"class":530,"line":756},[528,1219,1220],{"class":533},"}\n",[1222,1223,1224],"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":476,"searchDepth":477,"depth":478,"links":1226},[1227,1228,1229],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},{"id":1077,"depth":478,"text":1078},{},{"title":37,"description":491},"xKHSzqW-P7t9zP-D9aaYnfHnsXGeMVyRjLNmM0UU0M8",{"id":1234,"title":41,"body":1235,"description":1575,"extension":481,"links":482,"meta":1576,"navigation":484,"path":42,"seo":1577,"stem":43,"__hash__":1578},"docs/2.api/1.abstractions/billboard.md",{"type":469,"value":1236,"toc":1571},[1237,1242,1249,1251,1492,1494,1568],[498,1238,1239],{},[1240,1241],"abstractions-billboard",{},[504,1243,1244,1245,1248],{},"Adds a ",[508,1246,1247],{},"THREE.Group"," that always faces the camera.",[513,1250,15],{"id":515},[517,1252,1255],{"className":519,"code":1253,"highlights":1254,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { Billboard, Box, OrbitControls } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#333333\">\n    \u003COrbitControls />\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 10]\" />\n    \u003CBillboard>\n      \u003CBox :scale=\"[0.5, 0.5, 0.001]\">\n        \u003CTresMeshNormalMaterial />\n      \u003C/Box>\n    \u003C/Billboard>\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[478,691,745],[508,1256,1257,1277,1306,1324,1332,1336,1344,1363,1371,1408,1417,1451,1459,1467,1476,1484],{"__ignoreMap":476},[528,1258,1259,1261,1263,1265,1267,1269,1271,1273,1275],{"class":530,"line":477},[528,1260,534],{"class":533},[528,1262,538],{"class":537},[528,1264,542],{"class":541},[528,1266,545],{"class":541},[528,1268,548],{"class":533},[528,1270,551],{"class":533},[528,1272,555],{"class":554},[528,1274,551],{"class":533},[528,1276,560],{"class":533},[528,1278,1280,1282,1284,1287,1289,1292,1294,1296,1298,1300,1302,1304],{"class":1279,"line":478},[530,564],[528,1281,568],{"class":567},[528,1283,571],{"class":533},[528,1285,1286],{"class":574}," Billboard",[528,1288,578],{"class":533},[528,1290,1291],{"class":574}," Box",[528,1293,578],{"class":533},[528,1295,581],{"class":574},[528,1297,584],{"class":533},[528,1299,587],{"class":567},[528,1301,590],{"class":533},[528,1303,593],{"class":554},[528,1305,596],{"class":533},[528,1307,1308,1310,1312,1314,1316,1318,1320,1322],{"class":530,"line":599},[528,1309,568],{"class":567},[528,1311,571],{"class":533},[528,1313,606],{"class":574},[528,1315,584],{"class":533},[528,1317,587],{"class":567},[528,1319,590],{"class":533},[528,1321,615],{"class":554},[528,1323,596],{"class":533},[528,1325,1326,1328,1330],{"class":530,"line":620},[528,1327,623],{"class":533},[528,1329,538],{"class":537},[528,1331,560],{"class":533},[528,1333,1334],{"class":530,"line":630},[528,1335,633],{"emptyLinePlaceholder":484},[528,1337,1338,1340,1342],{"class":530,"line":636},[528,1339,534],{"class":533},[528,1341,641],{"class":537},[528,1343,560],{"class":533},[528,1345,1346,1348,1350,1352,1354,1356,1359,1361],{"class":530,"line":646},[528,1347,649],{"class":533},[528,1349,652],{"class":537},[528,1351,655],{"class":541},[528,1353,548],{"class":533},[528,1355,551],{"class":533},[528,1357,1358],{"class":554},"#333333",[528,1360,551],{"class":533},[528,1362,560],{"class":533},[528,1364,1365,1367,1369],{"class":530,"line":669},[528,1366,672],{"class":533},[528,1368,686],{"class":537},[528,1370,678],{"class":533},[528,1372,1373,1375,1377,1379,1382,1384,1386,1389,1391,1394,1396,1398,1401,1404,1406],{"class":530,"line":681},[528,1374,672],{"class":533},[528,1376,675],{"class":537},[528,1378,704],{"class":533},[528,1380,1381],{"class":541},"position",[528,1383,548],{"class":533},[528,1385,551],{"class":533},[528,1387,1388],{"class":533},"[",[528,1390,860],{"class":714},[528,1392,1393],{"class":533},", ",[528,1395,860],{"class":714},[528,1397,1393],{"class":533},[528,1399,1400],{"class":714},"10",[528,1402,1403],{"class":533},"]",[528,1405,551],{"class":533},[528,1407,678],{"class":533},[528,1409,1411,1413,1415],{"class":1410,"line":691},[530,564],[528,1412,672],{"class":533},[528,1414,41],{"class":537},[528,1416,560],{"class":533},[528,1418,1419,1421,1423,1425,1427,1429,1431,1433,1436,1438,1440,1442,1445,1447,1449],{"class":530,"line":696},[528,1420,748],{"class":533},[528,1422,193],{"class":537},[528,1424,704],{"class":533},[528,1426,707],{"class":541},[528,1428,548],{"class":533},[528,1430,551],{"class":533},[528,1432,1388],{"class":533},[528,1434,1435],{"class":714},"0.5",[528,1437,1393],{"class":533},[528,1439,1435],{"class":714},[528,1441,1393],{"class":533},[528,1443,1444],{"class":714},"0.001",[528,1446,1403],{"class":533},[528,1448,551],{"class":533},[528,1450,560],{"class":533},[528,1452,1453,1455,1457],{"class":530,"line":722},[528,1454,759],{"class":533},[528,1456,772],{"class":537},[528,1458,678],{"class":533},[528,1460,1461,1463,1465],{"class":530,"line":522},[528,1462,780],{"class":533},[528,1464,193],{"class":537},[528,1466,560],{"class":533},[528,1468,1470,1472,1474],{"class":1469,"line":745},[530,564],[528,1471,790],{"class":533},[528,1473,41],{"class":537},[528,1475,560],{"class":533},[528,1477,1478,1480,1482],{"class":530,"line":756},[528,1479,800],{"class":533},[528,1481,652],{"class":537},[528,1483,560],{"class":533},[528,1485,1486,1488,1490],{"class":530,"line":767},[528,1487,623],{"class":533},[528,1489,641],{"class":537},[528,1491,560],{"class":533},[513,1493,817],{"id":816},[822,1495,1496,1506],{},[825,1497,1498],{},[828,1499,1500,1502,1504],{},[831,1501,833],{"align":892},[831,1503,836],{"align":892},[831,1505,839],{},[841,1507,1508,1526,1540,1554],{},[828,1509,1510,1515,1522],{},[846,1511,1512],{"align":892},[508,1513,1514],{},"autoUpdate",[846,1516,1517,1518,1521],{"align":892},"Whether the ",[508,1519,1520],{},"\u003CBillboard />"," should face the camera automatically on every frame.",[846,1523,1524],{},[508,1525,856],{},[828,1527,1528,1533,1536],{},[846,1529,1530],{"align":892},[508,1531,1532],{},"lockX",[846,1534,1535],{"align":892},"Whether to lock the x-axis.",[846,1537,1538],{},[508,1539,866],{},[828,1541,1542,1547,1550],{},[846,1543,1544],{"align":892},[508,1545,1546],{},"lockY",[846,1548,1549],{"align":892},"Whether to lock the y-axis.",[846,1551,1552],{},[508,1553,866],{},[828,1555,1556,1561,1564],{},[846,1557,1558],{"align":892},[508,1559,1560],{},"lockZ",[846,1562,1563],{"align":892},"Whether to lock the z-axis.",[846,1565,1566],{},[508,1567,866],{},[1222,1569,1570],{},"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":476,"searchDepth":477,"depth":478,"links":1572},[1573,1574],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Make objects always face the camera automatically.",{},{"title":41,"description":1575},"H0n9HWJ0zpK9LW-fd3nQd2xaa9PwDLLnVK3zImwMAZs",{"id":1580,"title":45,"body":1581,"description":2160,"extension":481,"links":482,"meta":2161,"navigation":484,"path":46,"seo":2162,"stem":47,"__hash__":2163},"docs/2.api/1.abstractions/camera-shake.md",{"type":469,"value":1582,"toc":2156},[1583,1588,1641,1643,1967,2006,2008,2154],[498,1584,1585],{},[1586,1587],"abstractions-camera-shake",{},[504,1589,1590,1593,1594,1393,1598,1602,1603,1606,1607,1393,1610,1613,1614,1617,1618,1393,1621,1393,1624,1627,1628,1631,1632,1041],{},[508,1591,1592],{},"\u003CCameraShake />"," is a component that adds ",[1595,1596,1597],"strong",{},"natural",[1599,1600,1601],"em",{},"noise-driven motion"," to the ",[1595,1604,1605],{},"active camera",".\nIt offers ",[1595,1608,1609],{},"per-axis control",[1595,1611,1612],{},"adjustable intensity",", and ",[1599,1615,1616],{},"optional decay"," — perfect for ",[1599,1619,1620],{},"handheld feel",[1599,1622,1623],{},"footsteps",[1599,1625,1626],{},"impacts",", or ",[1599,1629,1630],{},"engine rumble"," — and is based on the ",[1035,1633,1636,1637,1640],{"href":1634,"rel":1635},"https://drei.docs.pmnd.rs/staging/camera-shake#camerashake",[1039],"Drei ",[508,1638,1639],{},"CameraShake"," component",[513,1642,15],{"id":515},[517,1644,1647],{"className":519,"code":1645,"highlights":1646,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { CameraShake, OrbitControls } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#222\">\n    \u003CTresPerspectiveCamera :position=\"[0, 2, 6]\" />\n    \u003COrbitControls make-default />\n\n    \u003CCameraShake :intensity=\"1\" :max-yaw=\"0.01\" :max-pitch=\"0.01\" :max-roll=\"0.01\" />\n      \u003CTresAxesHelper :scale=\"2\" />\n      \u003CTresMesh :position-y=\"0.5\">\n        \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\n        \u003CTresMeshNormalMaterial />\n      \u003C/TresMesh>\n  \u003C/TresCanvas>\n\u003C/template>\n",[478,696,767],[508,1648,1649,1669,1693,1711,1719,1723,1731,1749,1782,1793,1797,1860,1880,1901,1934,1942,1951,1959],{"__ignoreMap":476},[528,1650,1651,1653,1655,1657,1659,1661,1663,1665,1667],{"class":530,"line":477},[528,1652,534],{"class":533},[528,1654,538],{"class":537},[528,1656,542],{"class":541},[528,1658,545],{"class":541},[528,1660,548],{"class":533},[528,1662,551],{"class":533},[528,1664,555],{"class":554},[528,1666,551],{"class":533},[528,1668,560],{"class":533},[528,1670,1672,1674,1676,1679,1681,1683,1685,1687,1689,1691],{"class":1671,"line":478},[530,564],[528,1673,568],{"class":567},[528,1675,571],{"class":533},[528,1677,1678],{"class":574}," CameraShake",[528,1680,578],{"class":533},[528,1682,581],{"class":574},[528,1684,584],{"class":533},[528,1686,587],{"class":567},[528,1688,590],{"class":533},[528,1690,593],{"class":554},[528,1692,596],{"class":533},[528,1694,1695,1697,1699,1701,1703,1705,1707,1709],{"class":530,"line":599},[528,1696,568],{"class":567},[528,1698,571],{"class":533},[528,1700,606],{"class":574},[528,1702,584],{"class":533},[528,1704,587],{"class":567},[528,1706,590],{"class":533},[528,1708,615],{"class":554},[528,1710,596],{"class":533},[528,1712,1713,1715,1717],{"class":530,"line":620},[528,1714,623],{"class":533},[528,1716,538],{"class":537},[528,1718,560],{"class":533},[528,1720,1721],{"class":530,"line":630},[528,1722,633],{"emptyLinePlaceholder":484},[528,1724,1725,1727,1729],{"class":530,"line":636},[528,1726,534],{"class":533},[528,1728,641],{"class":537},[528,1730,560],{"class":533},[528,1732,1733,1735,1737,1739,1741,1743,1745,1747],{"class":530,"line":646},[528,1734,649],{"class":533},[528,1736,652],{"class":537},[528,1738,655],{"class":541},[528,1740,548],{"class":533},[528,1742,551],{"class":533},[528,1744,662],{"class":554},[528,1746,551],{"class":533},[528,1748,560],{"class":533},[528,1750,1751,1753,1755,1757,1759,1761,1763,1765,1767,1769,1771,1773,1776,1778,1780],{"class":530,"line":669},[528,1752,672],{"class":533},[528,1754,675],{"class":537},[528,1756,704],{"class":533},[528,1758,1381],{"class":541},[528,1760,548],{"class":533},[528,1762,551],{"class":533},[528,1764,1388],{"class":533},[528,1766,860],{"class":714},[528,1768,1393],{"class":533},[528,1770,715],{"class":714},[528,1772,1393],{"class":533},[528,1774,1775],{"class":714},"6",[528,1777,1403],{"class":533},[528,1779,551],{"class":533},[528,1781,678],{"class":533},[528,1783,1784,1786,1788,1791],{"class":530,"line":681},[528,1785,672],{"class":533},[528,1787,686],{"class":537},[528,1789,1790],{"class":541}," make-default",[528,1792,678],{"class":533},[528,1794,1795],{"class":530,"line":691},[528,1796,633],{"emptyLinePlaceholder":484},[528,1798,1800,1802,1804,1806,1809,1811,1813,1816,1818,1820,1823,1825,1827,1830,1832,1834,1837,1839,1841,1843,1845,1847,1850,1852,1854,1856,1858],{"class":1799,"line":696},[530,564],[528,1801,672],{"class":533},[528,1803,1639],{"class":537},[528,1805,704],{"class":533},[528,1807,1808],{"class":541},"intensity",[528,1810,548],{"class":533},[528,1812,551],{"class":533},[528,1814,1815],{"class":714},"1",[528,1817,551],{"class":533},[528,1819,704],{"class":533},[528,1821,1822],{"class":541},"max-yaw",[528,1824,548],{"class":533},[528,1826,551],{"class":533},[528,1828,1829],{"class":714},"0.01",[528,1831,551],{"class":533},[528,1833,704],{"class":533},[528,1835,1836],{"class":541},"max-pitch",[528,1838,548],{"class":533},[528,1840,551],{"class":533},[528,1842,1829],{"class":714},[528,1844,551],{"class":533},[528,1846,704],{"class":533},[528,1848,1849],{"class":541},"max-roll",[528,1851,548],{"class":533},[528,1853,551],{"class":533},[528,1855,1829],{"class":714},[528,1857,551],{"class":533},[528,1859,678],{"class":533},[528,1861,1862,1864,1866,1868,1870,1872,1874,1876,1878],{"class":530,"line":722},[528,1863,748],{"class":533},[528,1865,701],{"class":537},[528,1867,704],{"class":533},[528,1869,707],{"class":541},[528,1871,548],{"class":533},[528,1873,551],{"class":533},[528,1875,715],{"class":714},[528,1877,551],{"class":533},[528,1879,678],{"class":533},[528,1881,1882,1884,1886,1888,1891,1893,1895,1897,1899],{"class":530,"line":522},[528,1883,748],{"class":533},[528,1885,751],{"class":537},[528,1887,704],{"class":533},[528,1889,1890],{"class":541},"position-y",[528,1892,548],{"class":533},[528,1894,551],{"class":533},[528,1896,1435],{"class":714},[528,1898,551],{"class":533},[528,1900,560],{"class":533},[528,1902,1903,1905,1907,1909,1912,1914,1916,1918,1920,1922,1924,1926,1928,1930,1932],{"class":530,"line":745},[528,1904,759],{"class":533},[528,1906,762],{"class":537},[528,1908,704],{"class":533},[528,1910,1911],{"class":541},"args",[528,1913,548],{"class":533},[528,1915,551],{"class":533},[528,1917,1388],{"class":533},[528,1919,1815],{"class":714},[528,1921,1393],{"class":533},[528,1923,1815],{"class":714},[528,1925,1393],{"class":533},[528,1927,1815],{"class":714},[528,1929,1403],{"class":533},[528,1931,551],{"class":533},[528,1933,678],{"class":533},[528,1935,1936,1938,1940],{"class":530,"line":756},[528,1937,759],{"class":533},[528,1939,772],{"class":537},[528,1941,678],{"class":533},[528,1943,1945,1947,1949],{"class":1944,"line":767},[530,564],[528,1946,780],{"class":533},[528,1948,751],{"class":537},[528,1950,560],{"class":533},[528,1952,1953,1955,1957],{"class":530,"line":777},[528,1954,800],{"class":533},[528,1956,652],{"class":537},[528,1958,560],{"class":533},[528,1960,1961,1963,1965],{"class":530,"line":523},[528,1962,623],{"class":533},[528,1964,641],{"class":537},[528,1966,560],{"class":533},[1968,1969,1970,1991],"prose-note",{},[504,1971,1972,1974,1975,1980,1981,1984,1985,1990],{},[508,1973,1592],{}," is fully compatible with ",[1595,1976,1977],{},[508,1978,1979],{},"\u003COrbitControls />",".\nTo ensure it works ",[1599,1982,1983],{},"as expected",", make sure to add the ",[1595,1986,1987],{},[508,1988,1989],{},"make-default"," prop:",[517,1992,1994],{"className":519,"code":1993,"language":524,"meta":476,"style":476},"\u003COrbitControls make-default />\n",[508,1995,1996],{"__ignoreMap":476},[528,1997,1998,2000,2002,2004],{"class":530,"line":477},[528,1999,534],{"class":533},[528,2001,686],{"class":537},[528,2003,1790],{"class":541},[528,2005,678],{"class":533},[513,2007,817],{"id":816},[822,2009,2010,2020],{},[825,2011,2012],{},[828,2013,2014,2016,2018],{},[831,2015,833],{},[831,2017,836],{},[831,2019,839],{},[841,2021,2022,2035,2051,2069,2083,2097,2111,2126,2140],{},[828,2023,2024,2028,2031],{},[846,2025,2026],{},[508,2027,1808],{},[846,2029,2030],{},"The intensity of the shake (0–1).",[846,2032,2033],{},[508,2034,1815],{},[828,2036,2037,2042,2047],{},[846,2038,2039],{},[508,2040,2041],{},"decay",[846,2043,853,2044,2046],{},[508,2045,856],{},", intensity decays over time.",[846,2048,2049],{},[508,2050,866],{},[828,2052,2053,2058,2064],{},[846,2054,2055],{},[508,2056,2057],{},"decayRate",[846,2059,2060,2061,2063],{},"How fast intensity changes when ",[508,2062,2041],{}," is enabled.",[846,2065,2066],{},[508,2067,2068],{},"0.65",[828,2070,2071,2076,2079],{},[846,2072,2073],{},[508,2074,2075],{},"maxYaw",[846,2077,2078],{},"Maximum yaw angle in radians.",[846,2080,2081],{},[508,2082,1829],{},[828,2084,2085,2090,2093],{},[846,2086,2087],{},[508,2088,2089],{},"maxPitch",[846,2091,2092],{},"Maximum pitch angle in radians.",[846,2094,2095],{},[508,2096,1829],{},[828,2098,2099,2104,2107],{},[846,2100,2101],{},[508,2102,2103],{},"maxRoll",[846,2105,2106],{},"Maximum roll angle in radians.",[846,2108,2109],{},[508,2110,1829],{},[828,2112,2113,2118,2121],{},[846,2114,2115],{},[508,2116,2117],{},"yawFrequency",[846,2119,2120],{},"Frequency of yaw oscillation.",[846,2122,2123],{},[508,2124,2125],{},"0.1",[828,2127,2128,2133,2136],{},[846,2129,2130],{},[508,2131,2132],{},"pitchFrequency",[846,2134,2135],{},"Frequency of pitch oscillation.",[846,2137,2138],{},[508,2139,2125],{},[828,2141,2142,2147,2150],{},[846,2143,2144],{},[508,2145,2146],{},"rollFrequency",[846,2148,2149],{},"Frequency of roll oscillation.",[846,2151,2152],{},[508,2153,2125],{},[1222,2155,1570],{},{"title":476,"searchDepth":477,"depth":478,"links":2157},[2158,2159],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Apply smooth camera shake to the active camera.",{},{"title":45,"description":2160},"tbo--_1LLyK1wDUHqKdzu8KZiLMIGya4l_8miKZTrMc",{"id":2165,"title":49,"body":2166,"description":2471,"extension":481,"links":482,"meta":2472,"navigation":484,"path":50,"seo":2473,"stem":51,"__hash__":2474},"docs/2.api/1.abstractions/edges.md",{"type":469,"value":2167,"toc":2467},[2168,2173,2190,2192,2383,2385,2402,2465],[498,2169,2170],{},[2171,2172],"abstractions-edges",{},[504,2174,2175,2176,2179,2180,2185,2186,2189],{},"The ",[508,2177,2178],{},"cientos"," package provides an abstraction of ",[1035,2181,2184],{"href":2182,"rel":2183},"https://threejs.org/docs/#api/en/geometries/EdgesGeometry",[1039],"EdgesGeometry"," from Three.js, ",[508,2187,2188],{},"\u003CEdges>"," is specifically designed for rendering visible edges of objects in a scene graph. This enhances the visual quality by highlighting contours and providing a stylized appearance which contributes to the artistic aspect of 3D visualizations.",[513,2191,15],{"id":515},[517,2193,2196],{"className":519,"code":2194,"highlights":2195,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Box, Edges, OrbitControls } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 2, 5]\" />\n    \u003COrbitControls />\n    \u003CBox>\n      \u003CTresMeshBasicMaterial />\n      \u003CEdges />\n    \u003C/Box>\n  \u003C/TresCanvas>\n\u003C/template>\n",[599,722],[508,2197,2198,2218,2236,2264,2272,2276,2284,2292,2325,2333,2341,2350,2359,2367,2375],{"__ignoreMap":476},[528,2199,2200,2202,2204,2206,2208,2210,2212,2214,2216],{"class":530,"line":477},[528,2201,534],{"class":533},[528,2203,538],{"class":537},[528,2205,542],{"class":541},[528,2207,545],{"class":541},[528,2209,548],{"class":533},[528,2211,551],{"class":533},[528,2213,555],{"class":554},[528,2215,551],{"class":533},[528,2217,560],{"class":533},[528,2219,2220,2222,2224,2226,2228,2230,2232,2234],{"class":530,"line":478},[528,2221,568],{"class":567},[528,2223,571],{"class":533},[528,2225,606],{"class":574},[528,2227,584],{"class":533},[528,2229,587],{"class":567},[528,2231,590],{"class":533},[528,2233,615],{"class":554},[528,2235,596],{"class":533},[528,2237,2239,2241,2243,2245,2247,2250,2252,2254,2256,2258,2260,2262],{"class":2238,"line":599},[530,564],[528,2240,568],{"class":567},[528,2242,571],{"class":533},[528,2244,1291],{"class":574},[528,2246,578],{"class":533},[528,2248,2249],{"class":574}," Edges",[528,2251,578],{"class":533},[528,2253,581],{"class":574},[528,2255,584],{"class":533},[528,2257,587],{"class":567},[528,2259,590],{"class":533},[528,2261,593],{"class":554},[528,2263,596],{"class":533},[528,2265,2266,2268,2270],{"class":530,"line":620},[528,2267,623],{"class":533},[528,2269,538],{"class":537},[528,2271,560],{"class":533},[528,2273,2274],{"class":530,"line":630},[528,2275,633],{"emptyLinePlaceholder":484},[528,2277,2278,2280,2282],{"class":530,"line":636},[528,2279,534],{"class":533},[528,2281,641],{"class":537},[528,2283,560],{"class":533},[528,2285,2286,2288,2290],{"class":530,"line":646},[528,2287,649],{"class":533},[528,2289,652],{"class":537},[528,2291,560],{"class":533},[528,2293,2294,2296,2298,2300,2302,2304,2306,2308,2310,2312,2314,2316,2319,2321,2323],{"class":530,"line":669},[528,2295,672],{"class":533},[528,2297,675],{"class":537},[528,2299,704],{"class":533},[528,2301,1381],{"class":541},[528,2303,548],{"class":533},[528,2305,551],{"class":533},[528,2307,1388],{"class":533},[528,2309,860],{"class":714},[528,2311,1393],{"class":533},[528,2313,715],{"class":714},[528,2315,1393],{"class":533},[528,2317,2318],{"class":714},"5",[528,2320,1403],{"class":533},[528,2322,551],{"class":533},[528,2324,678],{"class":533},[528,2326,2327,2329,2331],{"class":530,"line":681},[528,2328,672],{"class":533},[528,2330,686],{"class":537},[528,2332,678],{"class":533},[528,2334,2335,2337,2339],{"class":530,"line":691},[528,2336,672],{"class":533},[528,2338,193],{"class":537},[528,2340,560],{"class":533},[528,2342,2343,2345,2348],{"class":530,"line":696},[528,2344,748],{"class":533},[528,2346,2347],{"class":537},"TresMeshBasicMaterial",[528,2349,678],{"class":533},[528,2351,2353,2355,2357],{"class":2352,"line":722},[530,564],[528,2354,748],{"class":533},[528,2356,49],{"class":537},[528,2358,678],{"class":533},[528,2360,2361,2363,2365],{"class":530,"line":522},[528,2362,790],{"class":533},[528,2364,193],{"class":537},[528,2366,560],{"class":533},[528,2368,2369,2371,2373],{"class":530,"line":745},[528,2370,800],{"class":533},[528,2372,652],{"class":537},[528,2374,560],{"class":533},[528,2376,2377,2379,2381],{"class":530,"line":756},[528,2378,623],{"class":533},[528,2380,641],{"class":537},[528,2382,560],{"class":533},[513,2384,817],{"id":816},[504,2386,2387,2389,2390,2395,2396,2401],{},[508,2388,2188],{}," is based on ",[1035,2391,2394],{"href":2392,"rel":2393},"https://threejs.org/docs/#api/en/objects/LineSegments",[1039],"LineSegments"," & ",[1035,2397,2400],{"href":2398,"rel":2399},"https://threejs.org/docs/#api/en/objects/Line",[1039],"Line"," and supports all of its props.",[822,2403,2404,2414],{},[825,2405,2406],{},[828,2407,2408,2410,2412],{},[831,2409,833],{"align":892},[831,2411,836],{"align":892},[831,2413,839],{},[841,2415,2416,2448],{},[828,2417,2418,2423,2443],{},[846,2419,2420],{"align":892},[1595,2421,2422],{},"color",[846,2424,2425,2428,2429,2432,2433,2438,2439],{"align":892},[508,2426,2427],{},"THREE.Color"," — Color of the edges. ",[2430,2431],"br",{}," More informations : ",[1035,2434,2437],{"href":2435,"rel":2436},"https://docs.tresjs.org/api/instances-arguments-and-props.html#colors",[1039],"TresColor"," — ",[1035,2440,2427],{"href":2441,"rel":2442},"https://threejs.org/docs/#api/en/math/Color",[1039],[846,2444,2445],{},[508,2446,2447],{},"#ff0000",[828,2449,2450,2455,2461],{},[846,2451,2452],{"align":892},[1595,2453,2454],{},"threshold",[846,2456,2457,2460],{"align":892},[508,2458,2459],{},"number"," — An edge is only rendered if the angle (in degrees) between the face normals of the adjoining faces exceeds this value",[846,2462,2463],{},[508,2464,1815],{},[1222,2466,1570],{},{"title":476,"searchDepth":477,"depth":478,"links":2468},[2469,2470],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Render visible edges of objects with enhanced visual quality.",{},{"title":49,"description":2471},"vRk1JMb5etr7hxo-Xvqb4plDDBOVqDhpMNgSnbTVmEE",{"id":2476,"title":53,"body":2477,"description":3173,"extension":481,"links":482,"meta":3174,"navigation":484,"path":54,"seo":3175,"stem":55,"__hash__":3176},"docs/2.api/1.abstractions/fit.md",{"type":469,"value":2478,"toc":3169},[2479,2485,2491,2501,2507,2509,3030,3032,3166],[2480,2481,2482],"scene-wrapper",{},[2483,2484],"abstractions-fit",{},[504,2486,2487,2490],{},[508,2488,2489],{},"\u003CFit />"," uniformly scales and positions its children as a group. By default, it fits its children into a 1 × 1 × 1 box at the world origin.",[504,2492,2493,2494,2497,2498,1041],{},"Alternatively, the children can be fit into a ",[508,2495,2496],{},"Box3"," or an ",[508,2499,2500],{},"Object3D",[504,2502,2503,2504,2506],{},"Or the children can simply be resized. With ",[508,2505,2489],{}," the children are scaled relative to the center of their calculated bounding box.",[513,2508,15],{"id":515},[517,2510,2514],{"className":519,"code":2511,"highlights":2512,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { Fit, OrbitControls } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\nimport { BoxGeometry, MeshNormalMaterial } from 'three'\n\nconst positions: number[][] = []\nfor (let y = 100; y \u003C= 120; y += 10) {\n  for (let x = 100; x \u003C= 120; x += 10) {\n    positions.push([x, y, 9999])\n  }\n}\nconst geom = new BoxGeometry()\nconst mat = new MeshNormalMaterial()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#4F4F4F\">\n    \u003CTresPerspectiveCamera :position=\"[1, 1, 1]\" />\n    \u003COrbitControls />\n    \u003CFit>\n      \u003CTresMesh\n        v-for=\"(pos, index) in positions\"\n        :key=\"index\"\n        :position=\"pos\"\n        :args=\"[geom, mat]\"\n      />\n    \u003C/Fit>\n    \u003CTresGridHelper :args=\"[1, 1]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[478,807,2513],27,[508,2515,2516,2536,2560,2578,2603,2607,2628,2674,2713,2743,2748,2752,2769,2784,2792,2796,2804,2823,2855,2863,2872,2880,2910,2927,2942,2967,2973,2982,3012,3021],{"__ignoreMap":476},[528,2517,2518,2520,2522,2524,2526,2528,2530,2532,2534],{"class":530,"line":477},[528,2519,534],{"class":533},[528,2521,538],{"class":537},[528,2523,542],{"class":541},[528,2525,545],{"class":541},[528,2527,548],{"class":533},[528,2529,551],{"class":533},[528,2531,555],{"class":554},[528,2533,551],{"class":533},[528,2535,560],{"class":533},[528,2537,2539,2541,2543,2546,2548,2550,2552,2554,2556,2558],{"class":2538,"line":478},[530,564],[528,2540,568],{"class":567},[528,2542,571],{"class":533},[528,2544,2545],{"class":574}," Fit",[528,2547,578],{"class":533},[528,2549,581],{"class":574},[528,2551,584],{"class":533},[528,2553,587],{"class":567},[528,2555,590],{"class":533},[528,2557,593],{"class":554},[528,2559,596],{"class":533},[528,2561,2562,2564,2566,2568,2570,2572,2574,2576],{"class":530,"line":599},[528,2563,568],{"class":567},[528,2565,571],{"class":533},[528,2567,606],{"class":574},[528,2569,584],{"class":533},[528,2571,587],{"class":567},[528,2573,590],{"class":533},[528,2575,615],{"class":554},[528,2577,596],{"class":533},[528,2579,2580,2582,2584,2587,2589,2592,2594,2596,2598,2601],{"class":530,"line":620},[528,2581,568],{"class":567},[528,2583,571],{"class":533},[528,2585,2586],{"class":574}," BoxGeometry",[528,2588,578],{"class":533},[528,2590,2591],{"class":574}," MeshNormalMaterial",[528,2593,584],{"class":533},[528,2595,587],{"class":567},[528,2597,590],{"class":533},[528,2599,2600],{"class":554},"three",[528,2602,596],{"class":533},[528,2604,2605],{"class":530,"line":630},[528,2606,633],{"emptyLinePlaceholder":484},[528,2608,2609,2612,2615,2617,2620,2623,2625],{"class":530,"line":636},[528,2610,2611],{"class":541},"const",[528,2613,2614],{"class":574}," positions",[528,2616,1113],{"class":533},[528,2618,2619],{"class":1095}," number",[528,2621,2622],{"class":574},"[][] ",[528,2624,548],{"class":533},[528,2626,2627],{"class":574}," []\n",[528,2629,2630,2633,2636,2639,2642,2644,2647,2650,2652,2655,2658,2660,2662,2665,2668,2671],{"class":530,"line":646},[528,2631,2632],{"class":567},"for",[528,2634,2635],{"class":574}," (",[528,2637,2638],{"class":541},"let",[528,2640,2641],{"class":574}," y ",[528,2643,548],{"class":533},[528,2645,2646],{"class":714}," 100",[528,2648,2649],{"class":533},";",[528,2651,2641],{"class":574},[528,2653,2654],{"class":533},"\u003C=",[528,2656,2657],{"class":714}," 120",[528,2659,2649],{"class":533},[528,2661,2641],{"class":574},[528,2663,2664],{"class":533},"+=",[528,2666,2667],{"class":714}," 10",[528,2669,2670],{"class":574},") ",[528,2672,2673],{"class":533},"{\n",[528,2675,2676,2679,2681,2683,2686,2689,2691,2693,2695,2698,2700,2702,2704,2707,2709,2711],{"class":530,"line":669},[528,2677,2678],{"class":567},"  for",[528,2680,2635],{"class":537},[528,2682,2638],{"class":541},[528,2684,2685],{"class":574}," x",[528,2687,2688],{"class":533}," =",[528,2690,2646],{"class":714},[528,2692,2649],{"class":533},[528,2694,2685],{"class":574},[528,2696,2697],{"class":533}," \u003C=",[528,2699,2657],{"class":714},[528,2701,2649],{"class":533},[528,2703,2685],{"class":574},[528,2705,2706],{"class":533}," +=",[528,2708,2667],{"class":714},[528,2710,2670],{"class":537},[528,2712,2673],{"class":533},[528,2714,2715,2718,2720,2724,2727,2730,2732,2735,2737,2740],{"class":530,"line":681},[528,2716,2717],{"class":574},"    positions",[528,2719,1041],{"class":533},[528,2721,2723],{"class":2722},"s2Zo4","push",[528,2725,2726],{"class":537},"([",[528,2728,2729],{"class":574},"x",[528,2731,578],{"class":533},[528,2733,2734],{"class":574}," y",[528,2736,578],{"class":533},[528,2738,2739],{"class":714}," 9999",[528,2741,2742],{"class":537},"])\n",[528,2744,2745],{"class":530,"line":691},[528,2746,2747],{"class":533},"  }\n",[528,2749,2750],{"class":530,"line":696},[528,2751,1220],{"class":533},[528,2753,2754,2756,2759,2761,2764,2766],{"class":530,"line":722},[528,2755,2611],{"class":541},[528,2757,2758],{"class":574}," geom ",[528,2760,548],{"class":533},[528,2762,2763],{"class":533}," new",[528,2765,2586],{"class":2722},[528,2767,2768],{"class":574},"()\n",[528,2770,2771,2773,2776,2778,2780,2782],{"class":530,"line":522},[528,2772,2611],{"class":541},[528,2774,2775],{"class":574}," mat ",[528,2777,548],{"class":533},[528,2779,2763],{"class":533},[528,2781,2591],{"class":2722},[528,2783,2768],{"class":574},[528,2785,2786,2788,2790],{"class":530,"line":745},[528,2787,623],{"class":533},[528,2789,538],{"class":537},[528,2791,560],{"class":533},[528,2793,2794],{"class":530,"line":756},[528,2795,633],{"emptyLinePlaceholder":484},[528,2797,2798,2800,2802],{"class":530,"line":767},[528,2799,534],{"class":533},[528,2801,641],{"class":537},[528,2803,560],{"class":533},[528,2805,2806,2808,2810,2812,2814,2816,2819,2821],{"class":530,"line":777},[528,2807,649],{"class":533},[528,2809,652],{"class":537},[528,2811,655],{"class":541},[528,2813,548],{"class":533},[528,2815,551],{"class":533},[528,2817,2818],{"class":554},"#4F4F4F",[528,2820,551],{"class":533},[528,2822,560],{"class":533},[528,2824,2825,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845,2847,2849,2851,2853],{"class":530,"line":523},[528,2826,672],{"class":533},[528,2828,675],{"class":537},[528,2830,704],{"class":533},[528,2832,1381],{"class":541},[528,2834,548],{"class":533},[528,2836,551],{"class":533},[528,2838,1388],{"class":533},[528,2840,1815],{"class":714},[528,2842,1393],{"class":533},[528,2844,1815],{"class":714},[528,2846,1393],{"class":533},[528,2848,1815],{"class":714},[528,2850,1403],{"class":533},[528,2852,551],{"class":533},[528,2854,678],{"class":533},[528,2856,2857,2859,2861],{"class":530,"line":797},[528,2858,672],{"class":533},[528,2860,686],{"class":537},[528,2862,678],{"class":533},[528,2864,2866,2868,2870],{"class":2865,"line":807},[530,564],[528,2867,672],{"class":533},[528,2869,53],{"class":537},[528,2871,560],{"class":533},[528,2873,2875,2877],{"class":530,"line":2874},21,[528,2876,748],{"class":533},[528,2878,2879],{"class":537},"TresMesh\n",[528,2881,2883,2886,2888,2890,2893,2896,2898,2901,2904,2907],{"class":530,"line":2882},22,[528,2884,2885],{"class":567},"        v-for",[528,2887,548],{"class":533},[528,2889,551],{"class":533},[528,2891,2892],{"class":533},"(",[528,2894,2895],{"class":574},"pos",[528,2897,1393],{"class":533},[528,2899,2900],{"class":574},"index",[528,2902,2903],{"class":533},") in ",[528,2905,2906],{"class":574},"positions",[528,2908,2909],{"class":533},"\"\n",[528,2911,2913,2916,2919,2921,2923,2925],{"class":530,"line":2912},23,[528,2914,2915],{"class":533},"        :",[528,2917,2918],{"class":541},"key",[528,2920,548],{"class":533},[528,2922,551],{"class":533},[528,2924,2900],{"class":574},[528,2926,2909],{"class":533},[528,2928,2930,2932,2934,2936,2938,2940],{"class":530,"line":2929},24,[528,2931,2915],{"class":533},[528,2933,1381],{"class":541},[528,2935,548],{"class":533},[528,2937,551],{"class":533},[528,2939,2895],{"class":574},[528,2941,2909],{"class":533},[528,2943,2945,2947,2949,2951,2953,2955,2958,2960,2963,2965],{"class":530,"line":2944},25,[528,2946,2915],{"class":533},[528,2948,1911],{"class":541},[528,2950,548],{"class":533},[528,2952,551],{"class":533},[528,2954,1388],{"class":533},[528,2956,2957],{"class":574},"geom",[528,2959,1393],{"class":533},[528,2961,2962],{"class":574},"mat",[528,2964,1403],{"class":533},[528,2966,2909],{"class":533},[528,2968,2970],{"class":530,"line":2969},26,[528,2971,2972],{"class":533},"      />\n",[528,2974,2976,2978,2980],{"class":2975,"line":2513},[530,564],[528,2977,790],{"class":533},[528,2979,53],{"class":537},[528,2981,560],{"class":533},[528,2983,2985,2987,2990,2992,2994,2996,2998,3000,3002,3004,3006,3008,3010],{"class":530,"line":2984},28,[528,2986,672],{"class":533},[528,2988,2989],{"class":537},"TresGridHelper",[528,2991,704],{"class":533},[528,2993,1911],{"class":541},[528,2995,548],{"class":533},[528,2997,551],{"class":533},[528,2999,1388],{"class":533},[528,3001,1815],{"class":714},[528,3003,1393],{"class":533},[528,3005,1815],{"class":714},[528,3007,1403],{"class":533},[528,3009,551],{"class":533},[528,3011,678],{"class":533},[528,3013,3015,3017,3019],{"class":530,"line":3014},29,[528,3016,800],{"class":533},[528,3018,652],{"class":537},[528,3020,560],{"class":533},[528,3022,3024,3026,3028],{"class":530,"line":3023},30,[528,3025,623],{"class":533},[528,3027,641],{"class":537},[528,3029,560],{"class":533},[513,3031,817],{"id":816},[822,3033,3034,3043],{},[825,3035,3036],{},[828,3037,3038,3041],{},[831,3039,3040],{"align":892},"Name",[831,3042,836],{"align":892},[841,3044,3045,3142],{},[828,3046,3047,3052],{},[846,3048,3049],{"align":892},[1595,3050,3051],{},"into",[846,3053,853,3054,3056,3057,3134,3136,3137,3139],{"align":892},[508,3055,3051],{}," is:",[3058,3059,3060,3070,3079,3087,3095,3106,3113],"ul",{},[3061,3062,3063,3064,3066,3067,3069],"li",{},"omitted or explicitly ",[508,3065,1074],{},": position/scale children to fit into a 1 × 1 × 1 ",[508,3068,2496],{}," at world origin.",[3061,3071,3072,3075,3076,3078],{},[508,3073,3074],{},"null",": turn off ",[508,3077,2489],{},"; reset scale/position of children.",[3061,3080,3081,3083,3084,1041],{},[508,3082,2459],{},": convert argument to ",[508,3085,3086],{},"Vector3(number, number, number)",[3061,3088,3089,3083,3092,1041],{},[508,3090,3091],{},"[number, number, number]",[508,3093,3094],{},"Vector3",[3061,3096,3097,3099,3100,3102,3103,3105],{},[508,3098,3094],{},": position/scale children to fit inside a ",[508,3101,2496],{}," of size ",[508,3104,3094],{}," at target objects' cumulative center.",[3061,3107,3108,3110,3111,1041],{},[508,3109,2496],{},": position/scale children to fit inside ",[508,3112,2496],{},[3061,3114,3115,3117,3118,3120,3121,3120,3128,3130,3131,3133],{},[508,3116,2500],{},": position/scale children to fit inside calculated ",[508,3119,2496],{},". ",[1035,3122,1033,3125],{"href":3123,"rel":3124},"https://threejs.org/docs/#api/en/math/Box3.setFromObject",[1039],[508,3126,3127],{},"THREE.Box3.setFromObject",[508,3129,2489],{}," must not contain the ",[508,3132,2500],{}," and vice-versa.",[2430,3135],{},"default:",[2430,3138],{},[508,3140,3141],{},"new Box3(new Vector3(-0.5, -0.5, -0.5), new Vector3(0.5, 0.5, 0.5))",[828,3143,3144,3148],{},[846,3145,3146],{"align":892},[1595,3147,1030],{},[846,3149,3150,3158,3160,3136,3162,3164],{"align":892},[1035,3151,1033,3153,3155,3156],{"href":1037,"rel":3152},[1039],[508,3154,1030],{}," argument in ",[508,3157,3127],{},[2430,3159],{},[2430,3161],{},[2430,3163],{},[508,3165,866],{},[1222,3167,3168],{},"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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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":476,"searchDepth":477,"depth":478,"links":3170},[3171,3172],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Uniformly scale and position children to fit into a defined space.",{},{"title":53,"description":3173},"tH6jw7YAXoAU7p9igc7yqRqMHzbHPTChNczZPQOqacI",{"id":3178,"title":57,"body":3179,"description":3627,"extension":481,"links":482,"meta":3628,"navigation":484,"path":58,"seo":3629,"stem":59,"__hash__":3630},"docs/2.api/1.abstractions/levioso.md",{"type":469,"value":3180,"toc":3623},[3181,3186,3193,3202,3204,3549,3551,3621],[498,3182,3183],{},[3184,3185],"abstractions-levioso",{},[504,3187,3188],{},[3189,3190],"img",{"alt":3191,"src":3192},"Leviosa","https://media.giphy.com/media/HaCFT5ghY6L1m/giphy.gif",[504,3194,2175,3195,3197,3198,3201],{},[508,3196,2178],{}," package provides a ",[508,3199,3200],{},"\u003CLevioso />"," wrapper that makes its content … float, just like Magic 🪄✨",[513,3203,15],{"id":515},[517,3205,3208],{"className":519,"code":3206,"highlights":3207,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from \"@tresjs/core\";\nimport { Levioso, OrbitControls, Box } from \"@tresjs/cientos\";\n\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas :clear-color=\"0x82dbc5\">\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 5]\" :look-at=\"[0, 0, 0]\" />\n    \u003COrbitControls />\n    \u003CLevioso :speed=\"4\">\n      \u003CBox />\n    \u003C/Levioso>\n    \u003CTresAmbientLight :intensity=\"1\" />\n    \u003CTresDirectionalLight :intensity=\"1\" :position=\"[2, 2, 2]\" />\n    \u003CTresGridHelper :position=\"[0, -1, 0]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[599,696,522],[508,3209,3210,3230,3252,3282,3286,3294,3298,3306,3328,3385,3393,3417,3425,3434,3455,3500,3533,3541],{"__ignoreMap":476},[528,3211,3212,3214,3216,3218,3220,3222,3224,3226,3228],{"class":530,"line":477},[528,3213,534],{"class":533},[528,3215,538],{"class":537},[528,3217,542],{"class":541},[528,3219,545],{"class":541},[528,3221,548],{"class":533},[528,3223,551],{"class":533},[528,3225,555],{"class":554},[528,3227,551],{"class":533},[528,3229,560],{"class":533},[528,3231,3232,3234,3236,3238,3240,3242,3245,3247,3249],{"class":530,"line":478},[528,3233,568],{"class":567},[528,3235,571],{"class":533},[528,3237,606],{"class":574},[528,3239,584],{"class":533},[528,3241,587],{"class":567},[528,3243,3244],{"class":533}," \"",[528,3246,615],{"class":554},[528,3248,551],{"class":533},[528,3250,3251],{"class":533},";\n",[528,3253,3255,3257,3259,3262,3264,3266,3268,3270,3272,3274,3276,3278,3280],{"class":3254,"line":599},[530,564],[528,3256,568],{"class":567},[528,3258,571],{"class":533},[528,3260,3261],{"class":574}," Levioso",[528,3263,578],{"class":533},[528,3265,581],{"class":574},[528,3267,578],{"class":533},[528,3269,1291],{"class":574},[528,3271,584],{"class":533},[528,3273,587],{"class":567},[528,3275,3244],{"class":533},[528,3277,593],{"class":554},[528,3279,551],{"class":533},[528,3281,3251],{"class":533},[528,3283,3284],{"class":530,"line":620},[528,3285,633],{"emptyLinePlaceholder":484},[528,3287,3288,3290,3292],{"class":530,"line":630},[528,3289,623],{"class":533},[528,3291,538],{"class":537},[528,3293,560],{"class":533},[528,3295,3296],{"class":530,"line":636},[528,3297,633],{"emptyLinePlaceholder":484},[528,3299,3300,3302,3304],{"class":530,"line":646},[528,3301,534],{"class":533},[528,3303,641],{"class":537},[528,3305,560],{"class":533},[528,3307,3308,3310,3312,3314,3317,3319,3321,3324,3326],{"class":530,"line":669},[528,3309,649],{"class":533},[528,3311,652],{"class":537},[528,3313,704],{"class":533},[528,3315,3316],{"class":541},"clear-color",[528,3318,548],{"class":533},[528,3320,551],{"class":533},[528,3322,3323],{"class":714},"0x82dbc5",[528,3325,551],{"class":533},[528,3327,560],{"class":533},[528,3329,3330,3332,3334,3336,3338,3340,3342,3344,3346,3348,3350,3352,3354,3356,3358,3360,3363,3365,3367,3369,3371,3373,3375,3377,3379,3381,3383],{"class":530,"line":681},[528,3331,672],{"class":533},[528,3333,675],{"class":537},[528,3335,704],{"class":533},[528,3337,1381],{"class":541},[528,3339,548],{"class":533},[528,3341,551],{"class":533},[528,3343,1388],{"class":533},[528,3345,860],{"class":714},[528,3347,1393],{"class":533},[528,3349,860],{"class":714},[528,3351,1393],{"class":533},[528,3353,2318],{"class":714},[528,3355,1403],{"class":533},[528,3357,551],{"class":533},[528,3359,704],{"class":533},[528,3361,3362],{"class":541},"look-at",[528,3364,548],{"class":533},[528,3366,551],{"class":533},[528,3368,1388],{"class":533},[528,3370,860],{"class":714},[528,3372,1393],{"class":533},[528,3374,860],{"class":714},[528,3376,1393],{"class":533},[528,3378,860],{"class":714},[528,3380,1403],{"class":533},[528,3382,551],{"class":533},[528,3384,678],{"class":533},[528,3386,3387,3389,3391],{"class":530,"line":691},[528,3388,672],{"class":533},[528,3390,686],{"class":537},[528,3392,678],{"class":533},[528,3394,3396,3398,3401,3403,3406,3408,3410,3413,3415],{"class":3395,"line":696},[530,564],[528,3397,672],{"class":533},[528,3399,3400],{"class":537},"Levioso",[528,3402,704],{"class":533},[528,3404,3405],{"class":541},"speed",[528,3407,548],{"class":533},[528,3409,551],{"class":533},[528,3411,3412],{"class":714},"4",[528,3414,551],{"class":533},[528,3416,560],{"class":533},[528,3418,3419,3421,3423],{"class":530,"line":722},[528,3420,748],{"class":533},[528,3422,193],{"class":537},[528,3424,678],{"class":533},[528,3426,3428,3430,3432],{"class":3427,"line":522},[530,564],[528,3429,790],{"class":533},[528,3431,3400],{"class":537},[528,3433,560],{"class":533},[528,3435,3436,3438,3441,3443,3445,3447,3449,3451,3453],{"class":530,"line":745},[528,3437,672],{"class":533},[528,3439,3440],{"class":537},"TresAmbientLight",[528,3442,704],{"class":533},[528,3444,1808],{"class":541},[528,3446,548],{"class":533},[528,3448,551],{"class":533},[528,3450,1815],{"class":714},[528,3452,551],{"class":533},[528,3454,678],{"class":533},[528,3456,3457,3459,3462,3464,3466,3468,3470,3472,3474,3476,3478,3480,3482,3484,3486,3488,3490,3492,3494,3496,3498],{"class":530,"line":756},[528,3458,672],{"class":533},[528,3460,3461],{"class":537},"TresDirectionalLight",[528,3463,704],{"class":533},[528,3465,1808],{"class":541},[528,3467,548],{"class":533},[528,3469,551],{"class":533},[528,3471,1815],{"class":714},[528,3473,551],{"class":533},[528,3475,704],{"class":533},[528,3477,1381],{"class":541},[528,3479,548],{"class":533},[528,3481,551],{"class":533},[528,3483,1388],{"class":533},[528,3485,715],{"class":714},[528,3487,1393],{"class":533},[528,3489,715],{"class":714},[528,3491,1393],{"class":533},[528,3493,715],{"class":714},[528,3495,1403],{"class":533},[528,3497,551],{"class":533},[528,3499,678],{"class":533},[528,3501,3502,3504,3506,3508,3510,3512,3514,3516,3518,3521,3523,3525,3527,3529,3531],{"class":530,"line":767},[528,3503,672],{"class":533},[528,3505,2989],{"class":537},[528,3507,704],{"class":533},[528,3509,1381],{"class":541},[528,3511,548],{"class":533},[528,3513,551],{"class":533},[528,3515,1388],{"class":533},[528,3517,860],{"class":714},[528,3519,3520],{"class":533},", -",[528,3522,1815],{"class":714},[528,3524,1393],{"class":533},[528,3526,860],{"class":714},[528,3528,1403],{"class":533},[528,3530,551],{"class":533},[528,3532,678],{"class":533},[528,3534,3535,3537,3539],{"class":530,"line":777},[528,3536,800],{"class":533},[528,3538,652],{"class":537},[528,3540,560],{"class":533},[528,3542,3543,3545,3547],{"class":530,"line":523},[528,3544,623],{"class":533},[528,3546,641],{"class":537},[528,3548,560],{"class":533},[513,3550,817],{"id":816},[822,3552,3553,3563],{},[825,3554,3555],{},[828,3556,3557,3559,3561],{},[831,3558,833],{"align":892},[831,3560,836],{"align":892},[831,3562,839],{},[841,3564,3565,3578,3592,3606],{},[828,3566,3567,3571,3574],{},[846,3568,3569],{"align":892},[508,3570,3405],{},[846,3572,3573],{"align":892},"Floating speed, higher it rocks more 🤘.",[846,3575,3576],{},[508,3577,1815],{},[828,3579,3580,3585,3588],{},[846,3581,3582],{"align":892},[508,3583,3584],{},"rotationFactor",[846,3586,3587],{"align":892},"Factor for Euler rotation.",[846,3589,3590],{},[508,3591,1815],{},[828,3593,3594,3599,3602],{},[846,3595,3596],{"align":892},[508,3597,3598],{},"floatFactor",[846,3600,3601],{"align":892},"Factor for Up/down movement.",[846,3603,3604],{},[508,3605,1815],{},[828,3607,3608,3613,3616],{},[846,3609,3610],{"align":892},[508,3611,3612],{},"range",[846,3614,3615],{"align":892},"Range of y-axis values the object will float within.",[846,3617,3618],{},[508,3619,3620],{},"[-0.1, 0.1]",[1222,3622,1570],{},{"title":476,"searchDepth":477,"depth":478,"links":3624},[3625,3626],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Make content float like magic with smooth animations.",{},{"title":57,"description":3627},"VAdlRyCWTgbZPtL3_7gw5lCESxOAP-g-m4p4X69NI_4",{"id":3632,"title":61,"body":3633,"description":4331,"extension":481,"links":482,"meta":4332,"navigation":484,"path":62,"seo":4333,"stem":63,"__hash__":4334},"docs/2.api/1.abstractions/mask.md",{"type":469,"value":3634,"toc":4326},[3635,3640,3646,3680,3682,4200,4202,4264,4267,4274,4279,4294,4323],[498,3636,3637],{},[3638,3639],"abstractions-mask",{},[504,3641,3642,3645],{},[508,3643,3644],{},"\u003CMask/>"," uses the stencil buffer to cut out areas of the screen.",[3647,3648,3649,3667],"prose-warning",{},[504,3650,3651,3652,3655,3656,3659,3660,3663,3664,1041],{},"To use ",[508,3653,3654],{},"\u003CMask />"," you ",[1599,3657,3658],{},"must"," add ",[508,3661,3662],{},":stencil=\"true\""," to your ",[508,3665,3666],{},"\u003CTresCanvas />",[504,3668,3669,3671,3672,3679],{},[508,3670,3654],{}," relies on the ",[1035,3673,3676],{"href":3674,"rel":3675},"https://threejs.org/docs/#api/en/renderers/WebGLRenderer",[1039],[508,3677,3678],{},"stencil buffer",". In recent versions of THREE.js, by default, the stencil buffer is not created.",[513,3681,15],{"id":515},[517,3683,3686],{"className":519,"code":3684,"highlights":3685,"language":524,"meta":476,"style":476},"\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",[478,767,777,523,797],[508,3687,3688,3708,3737,3755,3763,3767,3775,3808,3816,3824,3828,3849,3857,3892,3912,3920,3942,3952,3972,3981,3989,3993,4017,4025,4052,4060,4064,4087,4095,4119,4127,4132,4155,4164,4173,4182,4191],{"__ignoreMap":476},[528,3689,3690,3692,3694,3696,3698,3700,3702,3704,3706],{"class":530,"line":477},[528,3691,534],{"class":533},[528,3693,538],{"class":537},[528,3695,542],{"class":541},[528,3697,545],{"class":541},[528,3699,548],{"class":533},[528,3701,551],{"class":533},[528,3703,555],{"class":554},[528,3705,551],{"class":533},[528,3707,560],{"class":533},[528,3709,3711,3713,3715,3718,3720,3722,3724,3727,3729,3731,3733,3735],{"class":3710,"line":478},[530,564],[528,3712,568],{"class":567},[528,3714,571],{"class":533},[528,3716,3717],{"class":574}," Mask",[528,3719,578],{"class":533},[528,3721,581],{"class":574},[528,3723,578],{"class":533},[528,3725,3726],{"class":574}," useMask",[528,3728,584],{"class":533},[528,3730,587],{"class":567},[528,3732,590],{"class":533},[528,3734,593],{"class":554},[528,3736,596],{"class":533},[528,3738,3739,3741,3743,3745,3747,3749,3751,3753],{"class":530,"line":599},[528,3740,568],{"class":567},[528,3742,571],{"class":533},[528,3744,606],{"class":574},[528,3746,584],{"class":533},[528,3748,587],{"class":567},[528,3750,590],{"class":533},[528,3752,615],{"class":554},[528,3754,596],{"class":533},[528,3756,3757,3759,3761],{"class":530,"line":620},[528,3758,623],{"class":533},[528,3760,538],{"class":537},[528,3762,560],{"class":533},[528,3764,3765],{"class":530,"line":630},[528,3766,633],{"emptyLinePlaceholder":484},[528,3768,3769,3771,3773],{"class":530,"line":636},[528,3770,534],{"class":533},[528,3772,641],{"class":537},[528,3774,560],{"class":533},[528,3776,3777,3779,3781,3783,3786,3788,3790,3793,3795,3797,3799,3801,3804,3806],{"class":530,"line":646},[528,3778,649],{"class":533},[528,3780,652],{"class":537},[528,3782,704],{"class":533},[528,3784,3785],{"class":541},"stencil",[528,3787,548],{"class":533},[528,3789,551],{"class":533},[528,3791,856],{"class":3792},"sfNiH",[528,3794,551],{"class":533},[528,3796,655],{"class":541},[528,3798,548],{"class":533},[528,3800,551],{"class":533},[528,3802,3803],{"class":554},"#4f4f4f",[528,3805,551],{"class":533},[528,3807,560],{"class":533},[528,3809,3810,3812,3814],{"class":530,"line":669},[528,3811,672],{"class":533},[528,3813,675],{"class":537},[528,3815,678],{"class":533},[528,3817,3818,3820,3822],{"class":530,"line":681},[528,3819,672],{"class":533},[528,3821,686],{"class":537},[528,3823,678],{"class":533},[528,3825,3826],{"class":530,"line":691},[528,3827,633],{"emptyLinePlaceholder":484},[528,3829,3830,3832,3835,3837,3839,3841,3843,3845,3847],{"class":530,"line":696},[528,3831,672],{"class":533},[528,3833,3834],{"class":537},"TresGroup",[528,3836,704],{"class":533},[528,3838,707],{"class":541},[528,3840,548],{"class":533},[528,3842,551],{"class":533},[528,3844,715],{"class":714},[528,3846,551],{"class":533},[528,3848,560],{"class":533},[528,3850,3851,3853,3855],{"class":530,"line":722},[528,3852,748],{"class":533},[528,3854,751],{"class":537},[528,3856,560],{"class":533},[528,3858,3859,3861,3864,3866,3868,3870,3872,3874,3877,3879,3881,3883,3886,3888,3890],{"class":530,"line":522},[528,3860,759],{"class":533},[528,3862,3863],{"class":537},"TresRingGeometry",[528,3865,704],{"class":533},[528,3867,1911],{"class":541},[528,3869,548],{"class":533},[528,3871,551],{"class":533},[528,3873,1388],{"class":533},[528,3875,3876],{"class":714},"0.95",[528,3878,1393],{"class":533},[528,3880,1815],{"class":714},[528,3882,1393],{"class":533},[528,3884,3885],{"class":714},"64",[528,3887,1403],{"class":533},[528,3889,551],{"class":533},[528,3891,678],{"class":533},[528,3893,3894,3896,3898,3901,3903,3905,3908,3910],{"class":530,"line":745},[528,3895,759],{"class":533},[528,3897,2347],{"class":537},[528,3899,3900],{"class":541}," color",[528,3902,548],{"class":533},[528,3904,551],{"class":533},[528,3906,3907],{"class":554},"white",[528,3909,551],{"class":533},[528,3911,678],{"class":533},[528,3913,3914,3916,3918],{"class":530,"line":756},[528,3915,780],{"class":533},[528,3917,751],{"class":537},[528,3919,560],{"class":533},[528,3921,3923,3925,3927,3929,3932,3934,3936,3938,3940],{"class":3922,"line":767},[530,564],[528,3924,748],{"class":533},[528,3926,61],{"class":537},[528,3928,704],{"class":533},[528,3930,3931],{"class":541},"id",[528,3933,548],{"class":533},[528,3935,551],{"class":533},[528,3937,1815],{"class":714},[528,3939,551],{"class":533},[528,3941,560],{"class":533},[528,3943,3945,3947,3950],{"class":3944,"line":777},[530,564],[528,3946,759],{"class":533},[528,3948,3949],{"class":537},"TresCircleGeometry",[528,3951,678],{"class":533},[528,3953,3955,3957,3959,3961,3963,3965,3968,3970],{"class":3954,"line":523},[530,564],[528,3956,759],{"class":533},[528,3958,2347],{"class":537},[528,3960,3900],{"class":541},[528,3962,548],{"class":533},[528,3964,551],{"class":533},[528,3966,3967],{"class":554},"#fbb03b",[528,3969,551],{"class":533},[528,3971,678],{"class":533},[528,3973,3975,3977,3979],{"class":3974,"line":797},[530,564],[528,3976,780],{"class":533},[528,3978,61],{"class":537},[528,3980,560],{"class":533},[528,3982,3983,3985,3987],{"class":530,"line":807},[528,3984,790],{"class":533},[528,3986,3834],{"class":537},[528,3988,560],{"class":533},[528,3990,3991],{"class":530,"line":2874},[528,3992,633],{"emptyLinePlaceholder":484},[528,3994,3995,3997,3999,4001,4004,4006,4008,4011,4013,4015],{"class":530,"line":2882},[528,3996,672],{"class":533},[528,3998,751],{"class":537},[528,4000,704],{"class":533},[528,4002,4003],{"class":541},"position-z",[528,4005,548],{"class":533},[528,4007,551],{"class":533},[528,4009,4010],{"class":533},"-",[528,4012,1815],{"class":714},[528,4014,551],{"class":533},[528,4016,560],{"class":533},[528,4018,4019,4021,4023],{"class":530,"line":2912},[528,4020,748],{"class":533},[528,4022,762],{"class":537},[528,4024,678],{"class":533},[528,4026,4027,4029,4031,4034,4036,4038,4041,4043,4045,4048,4050],{"class":530,"line":2929},[528,4028,748],{"class":533},[528,4030,772],{"class":537},[528,4032,4033],{"class":541}," v-bind",[528,4035,548],{"class":533},[528,4037,551],{"class":533},[528,4039,4040],{"class":2722},"useMask",[528,4042,2892],{"class":533},[528,4044,1815],{"class":714},[528,4046,4047],{"class":533},")",[528,4049,551],{"class":533},[528,4051,678],{"class":533},[528,4053,4054,4056,4058],{"class":530,"line":2944},[528,4055,790],{"class":533},[528,4057,751],{"class":537},[528,4059,560],{"class":533},[528,4061,4062],{"class":530,"line":2969},[528,4063,633],{"emptyLinePlaceholder":484},[528,4065,4066,4068,4070,4072,4074,4076,4078,4080,4083,4085],{"class":530,"line":2513},[528,4067,672],{"class":533},[528,4069,751],{"class":537},[528,4071,704],{"class":533},[528,4073,4003],{"class":541},[528,4075,548],{"class":533},[528,4077,551],{"class":533},[528,4079,4010],{"class":533},[528,4081,4082],{"class":714},"3",[528,4084,551],{"class":533},[528,4086,560],{"class":533},[528,4088,4089,4091,4093],{"class":530,"line":2984},[528,4090,748],{"class":533},[528,4092,762],{"class":537},[528,4094,678],{"class":533},[528,4096,4097,4099,4101,4103,4105,4107,4109,4111,4113,4115,4117],{"class":530,"line":3014},[528,4098,748],{"class":533},[528,4100,772],{"class":537},[528,4102,4033],{"class":541},[528,4104,548],{"class":533},[528,4106,551],{"class":533},[528,4108,4040],{"class":2722},[528,4110,2892],{"class":533},[528,4112,1815],{"class":714},[528,4114,4047],{"class":533},[528,4116,551],{"class":533},[528,4118,678],{"class":533},[528,4120,4121,4123,4125],{"class":530,"line":3023},[528,4122,790],{"class":533},[528,4124,751],{"class":537},[528,4126,560],{"class":533},[528,4128,4130],{"class":530,"line":4129},31,[528,4131,633],{"emptyLinePlaceholder":484},[528,4133,4135,4137,4139,4141,4143,4145,4147,4149,4151,4153],{"class":530,"line":4134},32,[528,4136,672],{"class":533},[528,4138,751],{"class":537},[528,4140,704],{"class":533},[528,4142,4003],{"class":541},[528,4144,548],{"class":533},[528,4146,551],{"class":533},[528,4148,4010],{"class":533},[528,4150,2318],{"class":714},[528,4152,551],{"class":533},[528,4154,560],{"class":533},[528,4156,4158,4160,4162],{"class":530,"line":4157},33,[528,4159,748],{"class":533},[528,4161,762],{"class":537},[528,4163,678],{"class":533},[528,4165,4167,4169,4171],{"class":530,"line":4166},34,[528,4168,748],{"class":533},[528,4170,772],{"class":537},[528,4172,678],{"class":533},[528,4174,4176,4178,4180],{"class":530,"line":4175},35,[528,4177,790],{"class":533},[528,4179,751],{"class":537},[528,4181,560],{"class":533},[528,4183,4185,4187,4189],{"class":530,"line":4184},36,[528,4186,800],{"class":533},[528,4188,652],{"class":537},[528,4190,560],{"class":533},[528,4192,4194,4196,4198],{"class":530,"line":4193},37,[528,4195,623],{"class":533},[528,4197,641],{"class":537},[528,4199,560],{"class":533},[513,4201,817],{"id":816},[822,4203,4204,4214],{},[825,4205,4206],{},[828,4207,4208,4210,4212],{},[831,4209,833],{"align":892},[831,4211,836],{"align":892},[831,4213,839],{},[841,4215,4216,4232,4248],{},[828,4217,4218,4224,4230],{},[846,4219,4220],{"align":892},[1595,4221,4222],{},[508,4223,3931],{},[846,4225,4226,4227,4229],{"align":892},"Id of the stencil buffer to use. Each mask must have a ",[508,4228,2459],{}," id. Multiple masks can refer to the same id.",[846,4231],{},[828,4233,4234,4241,4244],{},[846,4235,4236],{"align":892},[1595,4237,4238],{},[508,4239,4240],{},"colorWrite",[846,4242,4243],{"align":892},"Whether the colors of the mask's own material will leak through.",[846,4245,4246],{},[508,4247,866],{},[828,4249,4250,4257,4260],{},[846,4251,4252],{"align":892},[1595,4253,4254],{},[508,4255,4256],{},"depthWrite",[846,4258,4259],{"align":892},"Whether the depth of the mask's own material will leak through.",[846,4261,4262],{},[508,4263,866],{},[513,4265,4040],{"id":4266},"usemask",[504,4268,4269,4270,4273],{},"Composable that returns the stencil configuration to apply a mask to a material. Use it with ",[508,4271,4272],{},"v-bind"," on materials that should be affected by the mask.",[504,4275,4276],{},[1595,4277,4278],{},"Parameters:",[3058,4280,4281,4286],{},[3061,4282,4283,4285],{},[508,4284,3931],{}," - The mask id to use (number or Ref)",[3061,4287,4288,4291,4292],{},[508,4289,4290],{},"inverse"," - Whether to invert the mask (boolean or Ref), defaults to ",[508,4293,866],{},[517,4295,4297],{"className":519,"code":4296,"language":524,"meta":476,"style":476},"\u003CTresMeshNormalMaterial v-bind=\"useMask(1)\" />\n",[508,4298,4299],{"__ignoreMap":476},[528,4300,4301,4303,4305,4307,4309,4311,4313,4315,4317,4319,4321],{"class":530,"line":477},[528,4302,534],{"class":533},[528,4304,772],{"class":537},[528,4306,4033],{"class":541},[528,4308,548],{"class":533},[528,4310,551],{"class":533},[528,4312,4040],{"class":2722},[528,4314,2892],{"class":574},[528,4316,1815],{"class":714},[528,4318,4047],{"class":574},[528,4320,551],{"class":533},[528,4322,678],{"class":533},[1222,4324,4325],{},"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":476,"searchDepth":477,"depth":478,"links":4327},[4328,4329,4330],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},{"id":4266,"depth":478,"text":4040},"Cut out areas of the screen using the stencil buffer.",{},{"title":61,"description":4331},"G7X7KSfvm9ZBJpENVvMjF0UaBORYjhBMGhf9hH7E7tw",{"id":4336,"title":65,"body":4337,"description":4842,"extension":481,"links":482,"meta":4843,"navigation":484,"path":66,"seo":4844,"stem":67,"__hash__":4845},"docs/2.api/1.abstractions/outline.md",{"type":469,"value":4338,"toc":4838},[4339,4344,4357,4359,4739,4741,4836],[498,4340,4341],{},[4342,4343],"abstractions-outline",{},[504,4345,4346,4349,4350,4353,4354,1041],{},[508,4347,4348],{},"\u003COutline />"," creates an inverted-hull outline using its parent's geometry. Supported parents are ",[508,4351,4352],{},"\u003CTresMesh>"," and ",[508,4355,4356],{},"\u003CTresSkinnedMesh>",[513,4358,15],{"id":515},[517,4360,4363],{"className":519,"code":4361,"highlights":4362,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { OrbitControls, Outline } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#4f4f4f\">\n    \u003CTresPerspectiveCamera />\n    \u003COrbitControls />\n    \u003CTresAmbientLight :intensity=\"3.14\" />\n    \u003CTresPointLight :intensity=\"50\" :position=\"[2, 2, 0]\" />\n    \u003CTresMesh :position-x=\"-0.75\">\n      \u003CTresBoxGeometry />\n      \u003CTresMeshPhongMaterial />\n      \u003COutline :thickness=\"7.5\" color=\"#82dbc5\" />\n    \u003C/TresMesh>\n    \u003CTresMesh :position-x=\"0.75\">\n      \u003CTresSphereGeometry :args=\"[0.5]\" />\n      \u003CTresMeshPhongMaterial />\n      \u003COutline :thickness=\"7.5\" color=\"#fbb03b\" />\n    \u003C/TresMesh>\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[599,756,807],[508,4364,4365,4385,4403,4427,4435,4439,4447,4465,4473,4481,4502,4548,4572,4580,4589,4623,4631,4651,4676,4684,4715,4723,4731],{"__ignoreMap":476},[528,4366,4367,4369,4371,4373,4375,4377,4379,4381,4383],{"class":530,"line":477},[528,4368,534],{"class":533},[528,4370,538],{"class":537},[528,4372,542],{"class":541},[528,4374,545],{"class":541},[528,4376,548],{"class":533},[528,4378,551],{"class":533},[528,4380,555],{"class":554},[528,4382,551],{"class":533},[528,4384,560],{"class":533},[528,4386,4387,4389,4391,4393,4395,4397,4399,4401],{"class":530,"line":478},[528,4388,568],{"class":567},[528,4390,571],{"class":533},[528,4392,606],{"class":574},[528,4394,584],{"class":533},[528,4396,587],{"class":567},[528,4398,590],{"class":533},[528,4400,615],{"class":554},[528,4402,596],{"class":533},[528,4404,4406,4408,4410,4412,4414,4417,4419,4421,4423,4425],{"class":4405,"line":599},[530,564],[528,4407,568],{"class":567},[528,4409,571],{"class":533},[528,4411,581],{"class":574},[528,4413,578],{"class":533},[528,4415,4416],{"class":574}," Outline",[528,4418,584],{"class":533},[528,4420,587],{"class":567},[528,4422,590],{"class":533},[528,4424,593],{"class":554},[528,4426,596],{"class":533},[528,4428,4429,4431,4433],{"class":530,"line":620},[528,4430,623],{"class":533},[528,4432,538],{"class":537},[528,4434,560],{"class":533},[528,4436,4437],{"class":530,"line":630},[528,4438,633],{"emptyLinePlaceholder":484},[528,4440,4441,4443,4445],{"class":530,"line":636},[528,4442,534],{"class":533},[528,4444,641],{"class":537},[528,4446,560],{"class":533},[528,4448,4449,4451,4453,4455,4457,4459,4461,4463],{"class":530,"line":646},[528,4450,649],{"class":533},[528,4452,652],{"class":537},[528,4454,655],{"class":541},[528,4456,548],{"class":533},[528,4458,551],{"class":533},[528,4460,3803],{"class":554},[528,4462,551],{"class":533},[528,4464,560],{"class":533},[528,4466,4467,4469,4471],{"class":530,"line":669},[528,4468,672],{"class":533},[528,4470,675],{"class":537},[528,4472,678],{"class":533},[528,4474,4475,4477,4479],{"class":530,"line":681},[528,4476,672],{"class":533},[528,4478,686],{"class":537},[528,4480,678],{"class":533},[528,4482,4483,4485,4487,4489,4491,4493,4495,4498,4500],{"class":530,"line":691},[528,4484,672],{"class":533},[528,4486,3440],{"class":537},[528,4488,704],{"class":533},[528,4490,1808],{"class":541},[528,4492,548],{"class":533},[528,4494,551],{"class":533},[528,4496,4497],{"class":714},"3.14",[528,4499,551],{"class":533},[528,4501,678],{"class":533},[528,4503,4504,4506,4509,4511,4513,4515,4517,4520,4522,4524,4526,4528,4530,4532,4534,4536,4538,4540,4542,4544,4546],{"class":530,"line":696},[528,4505,672],{"class":533},[528,4507,4508],{"class":537},"TresPointLight",[528,4510,704],{"class":533},[528,4512,1808],{"class":541},[528,4514,548],{"class":533},[528,4516,551],{"class":533},[528,4518,4519],{"class":714},"50",[528,4521,551],{"class":533},[528,4523,704],{"class":533},[528,4525,1381],{"class":541},[528,4527,548],{"class":533},[528,4529,551],{"class":533},[528,4531,1388],{"class":533},[528,4533,715],{"class":714},[528,4535,1393],{"class":533},[528,4537,715],{"class":714},[528,4539,1393],{"class":533},[528,4541,860],{"class":714},[528,4543,1403],{"class":533},[528,4545,551],{"class":533},[528,4547,678],{"class":533},[528,4549,4550,4552,4554,4556,4559,4561,4563,4565,4568,4570],{"class":530,"line":722},[528,4551,672],{"class":533},[528,4553,751],{"class":537},[528,4555,704],{"class":533},[528,4557,4558],{"class":541},"position-x",[528,4560,548],{"class":533},[528,4562,551],{"class":533},[528,4564,4010],{"class":533},[528,4566,4567],{"class":714},"0.75",[528,4569,551],{"class":533},[528,4571,560],{"class":533},[528,4573,4574,4576,4578],{"class":530,"line":522},[528,4575,748],{"class":533},[528,4577,762],{"class":537},[528,4579,678],{"class":533},[528,4581,4582,4584,4587],{"class":530,"line":745},[528,4583,748],{"class":533},[528,4585,4586],{"class":537},"TresMeshPhongMaterial",[528,4588,678],{"class":533},[528,4590,4592,4594,4596,4598,4601,4603,4605,4608,4610,4612,4614,4616,4619,4621],{"class":4591,"line":756},[530,564],[528,4593,748],{"class":533},[528,4595,65],{"class":537},[528,4597,704],{"class":533},[528,4599,4600],{"class":541},"thickness",[528,4602,548],{"class":533},[528,4604,551],{"class":533},[528,4606,4607],{"class":714},"7.5",[528,4609,551],{"class":533},[528,4611,3900],{"class":541},[528,4613,548],{"class":533},[528,4615,551],{"class":533},[528,4617,4618],{"class":554},"#82dbc5",[528,4620,551],{"class":533},[528,4622,678],{"class":533},[528,4624,4625,4627,4629],{"class":530,"line":767},[528,4626,790],{"class":533},[528,4628,751],{"class":537},[528,4630,560],{"class":533},[528,4632,4633,4635,4637,4639,4641,4643,4645,4647,4649],{"class":530,"line":777},[528,4634,672],{"class":533},[528,4636,751],{"class":537},[528,4638,704],{"class":533},[528,4640,4558],{"class":541},[528,4642,548],{"class":533},[528,4644,551],{"class":533},[528,4646,4567],{"class":714},[528,4648,551],{"class":533},[528,4650,560],{"class":533},[528,4652,4653,4655,4658,4660,4662,4664,4666,4668,4670,4672,4674],{"class":530,"line":523},[528,4654,748],{"class":533},[528,4656,4657],{"class":537},"TresSphereGeometry",[528,4659,704],{"class":533},[528,4661,1911],{"class":541},[528,4663,548],{"class":533},[528,4665,551],{"class":533},[528,4667,1388],{"class":533},[528,4669,1435],{"class":714},[528,4671,1403],{"class":533},[528,4673,551],{"class":533},[528,4675,678],{"class":533},[528,4677,4678,4680,4682],{"class":530,"line":797},[528,4679,748],{"class":533},[528,4681,4586],{"class":537},[528,4683,678],{"class":533},[528,4685,4687,4689,4691,4693,4695,4697,4699,4701,4703,4705,4707,4709,4711,4713],{"class":4686,"line":807},[530,564],[528,4688,748],{"class":533},[528,4690,65],{"class":537},[528,4692,704],{"class":533},[528,4694,4600],{"class":541},[528,4696,548],{"class":533},[528,4698,551],{"class":533},[528,4700,4607],{"class":714},[528,4702,551],{"class":533},[528,4704,3900],{"class":541},[528,4706,548],{"class":533},[528,4708,551],{"class":533},[528,4710,3967],{"class":554},[528,4712,551],{"class":533},[528,4714,678],{"class":533},[528,4716,4717,4719,4721],{"class":530,"line":2874},[528,4718,790],{"class":533},[528,4720,751],{"class":537},[528,4722,560],{"class":533},[528,4724,4725,4727,4729],{"class":530,"line":2882},[528,4726,800],{"class":533},[528,4728,652],{"class":537},[528,4730,560],{"class":533},[528,4732,4733,4735,4737],{"class":530,"line":2912},[528,4734,623],{"class":533},[528,4736,641],{"class":537},[528,4738,560],{"class":533},[513,4740,817],{"id":816},[822,4742,4743,4753],{},[825,4744,4745],{},[828,4746,4747,4749,4751],{},[831,4748,817],{},[831,4750,836],{},[831,4752,839],{},[841,4754,4755,4767,4779,4791,4803,4815],{},[828,4756,4757,4759,4762],{},[846,4758,2422],{},[846,4760,4761],{},"Outline color",[846,4763,4764],{},[508,4765,4766],{},"'black'",[828,4768,4769,4772,4775],{},[846,4770,4771],{},"screenspace",[846,4773,4774],{},"Whether line thickness is independent of zoom",[846,4776,4777],{},[508,4778,866],{},[828,4780,4781,4784,4787],{},[846,4782,4783],{},"opacity",[846,4785,4786],{},"Outline opacity",[846,4788,4789],{},[508,4790,1815],{},[828,4792,4793,4796,4799],{},[846,4794,4795],{},"transparent",[846,4797,4798],{},"Outline transparency",[846,4800,4801],{},[508,4802,866],{},[828,4804,4805,4807,4810],{},[846,4806,4600],{},[846,4808,4809],{},"Outline thickness",[846,4811,4812],{},[508,4813,4814],{},"0.05",[828,4816,4817,4820,4831],{},[846,4818,4819],{},"angle",[846,4821,4822,4823,4825,4826],{},"Geometry crease angle (",[508,4824,860],{}," is no crease).  See ",[1035,4827,4830],{"href":4828,"rel":4829},"https://threejs.org/docs/#examples/en/utils/BufferGeometryUtils.toCreasedNormals",[1039],"BufferGeometryUtils.toCreasedNormals",[846,4832,4833],{},[508,4834,4835],{},"Math.PI",[1222,4837,1570],{},{"title":476,"searchDepth":477,"depth":478,"links":4839},[4840,4841],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Create inverted-hull outlines using parent geometry.",{},{"title":65,"description":4842},"L_LPQP787liM6IASr51UnMfLs2CRosI1PG5BXlr7m_Q",{"id":4847,"title":69,"body":4848,"description":5741,"extension":481,"links":482,"meta":5742,"navigation":484,"path":70,"seo":5743,"stem":71,"__hash__":5744},"docs/2.api/1.abstractions/sampler.md",{"type":469,"value":4849,"toc":5736},[4850,4855,4858,4860,5198,5200,5266,5270,5277,5733],[498,4851,4852],{},[4853,4854],"abstractions-sampler",{},[504,4856,4857],{},"Declarative abstraction around MeshSurfaceSampler & InstancedMesh. It samples points from the passed mesh and transforms an InstancedMesh's matrix to distribute instances on the points.",[513,4859,15],{"id":515},[517,4861,4864],{"className":519,"code":4862,"highlights":4863,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { OrbitControls, Sampler } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera :position=\"[0, 0.5, 5]\" />\n    \u003COrbitControls />\n\n    \u003CSampler :count=\"50\">\n      \u003CTresMesh>\n        \u003CTresTorusGeometry />\n      \u003C/TresMesh>\n\n      \u003CTresInstancedMesh :args=\"[null!, null!, 1000]\">\n        \u003CTresBoxGeometry :args=\"[0.1, 0.1, 0.1]\" />\n        \u003CTresMeshNormalMaterial />\n      \u003C/TresInstancedMesh>\n    \u003C/Sampler>\n    \u003CTresGridHelper :args=\"[10, 10]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[478,696,722,522,745,756,767,777,523,797,807],[508,4865,4866,4886,4910,4928,4936,4940,4948,4967,4999,5007,5011,5033,5042,5052,5061,5066,5094,5127,5136,5145,5154,5182,5190],{"__ignoreMap":476},[528,4867,4868,4870,4872,4874,4876,4878,4880,4882,4884],{"class":530,"line":477},[528,4869,534],{"class":533},[528,4871,538],{"class":537},[528,4873,542],{"class":541},[528,4875,545],{"class":541},[528,4877,548],{"class":533},[528,4879,551],{"class":533},[528,4881,555],{"class":554},[528,4883,551],{"class":533},[528,4885,560],{"class":533},[528,4887,4889,4891,4893,4895,4897,4900,4902,4904,4906,4908],{"class":4888,"line":478},[530,564],[528,4890,568],{"class":567},[528,4892,571],{"class":533},[528,4894,581],{"class":574},[528,4896,578],{"class":533},[528,4898,4899],{"class":574}," Sampler",[528,4901,584],{"class":533},[528,4903,587],{"class":567},[528,4905,590],{"class":533},[528,4907,593],{"class":554},[528,4909,596],{"class":533},[528,4911,4912,4914,4916,4918,4920,4922,4924,4926],{"class":530,"line":599},[528,4913,568],{"class":567},[528,4915,571],{"class":533},[528,4917,606],{"class":574},[528,4919,584],{"class":533},[528,4921,587],{"class":567},[528,4923,590],{"class":533},[528,4925,615],{"class":554},[528,4927,596],{"class":533},[528,4929,4930,4932,4934],{"class":530,"line":620},[528,4931,623],{"class":533},[528,4933,538],{"class":537},[528,4935,560],{"class":533},[528,4937,4938],{"class":530,"line":630},[528,4939,633],{"emptyLinePlaceholder":484},[528,4941,4942,4944,4946],{"class":530,"line":636},[528,4943,534],{"class":533},[528,4945,641],{"class":537},[528,4947,560],{"class":533},[528,4949,4950,4952,4954,4956,4958,4960,4963,4965],{"class":530,"line":646},[528,4951,649],{"class":533},[528,4953,652],{"class":537},[528,4955,655],{"class":541},[528,4957,548],{"class":533},[528,4959,551],{"class":533},[528,4961,4962],{"class":554},"#82DBC5",[528,4964,551],{"class":533},[528,4966,560],{"class":533},[528,4968,4969,4971,4973,4975,4977,4979,4981,4983,4985,4987,4989,4991,4993,4995,4997],{"class":530,"line":669},[528,4970,672],{"class":533},[528,4972,675],{"class":537},[528,4974,704],{"class":533},[528,4976,1381],{"class":541},[528,4978,548],{"class":533},[528,4980,551],{"class":533},[528,4982,1388],{"class":533},[528,4984,860],{"class":714},[528,4986,1393],{"class":533},[528,4988,1435],{"class":714},[528,4990,1393],{"class":533},[528,4992,2318],{"class":714},[528,4994,1403],{"class":533},[528,4996,551],{"class":533},[528,4998,678],{"class":533},[528,5000,5001,5003,5005],{"class":530,"line":681},[528,5002,672],{"class":533},[528,5004,686],{"class":537},[528,5006,678],{"class":533},[528,5008,5009],{"class":530,"line":691},[528,5010,633],{"emptyLinePlaceholder":484},[528,5012,5014,5016,5018,5020,5023,5025,5027,5029,5031],{"class":5013,"line":696},[530,564],[528,5015,672],{"class":533},[528,5017,69],{"class":537},[528,5019,704],{"class":533},[528,5021,5022],{"class":541},"count",[528,5024,548],{"class":533},[528,5026,551],{"class":533},[528,5028,4519],{"class":714},[528,5030,551],{"class":533},[528,5032,560],{"class":533},[528,5034,5036,5038,5040],{"class":5035,"line":722},[530,564],[528,5037,748],{"class":533},[528,5039,751],{"class":537},[528,5041,560],{"class":533},[528,5043,5045,5047,5050],{"class":5044,"line":522},[530,564],[528,5046,759],{"class":533},[528,5048,5049],{"class":537},"TresTorusGeometry",[528,5051,678],{"class":533},[528,5053,5055,5057,5059],{"class":5054,"line":745},[530,564],[528,5056,780],{"class":533},[528,5058,751],{"class":537},[528,5060,560],{"class":533},[528,5062,5064],{"class":5063,"line":756},[530,564],[528,5065,633],{"emptyLinePlaceholder":484},[528,5067,5069,5071,5074,5076,5078,5080,5082,5085,5088,5090,5092],{"class":5068,"line":767},[530,564],[528,5070,748],{"class":533},[528,5072,5073],{"class":537},"TresInstancedMesh",[528,5075,704],{"class":533},[528,5077,1911],{"class":541},[528,5079,548],{"class":533},[528,5081,551],{"class":533},[528,5083,5084],{"class":533},"[null!, null!, ",[528,5086,5087],{"class":714},"1000",[528,5089,1403],{"class":533},[528,5091,551],{"class":533},[528,5093,560],{"class":533},[528,5095,5097,5099,5101,5103,5105,5107,5109,5111,5113,5115,5117,5119,5121,5123,5125],{"class":5096,"line":777},[530,564],[528,5098,759],{"class":533},[528,5100,762],{"class":537},[528,5102,704],{"class":533},[528,5104,1911],{"class":541},[528,5106,548],{"class":533},[528,5108,551],{"class":533},[528,5110,1388],{"class":533},[528,5112,2125],{"class":714},[528,5114,1393],{"class":533},[528,5116,2125],{"class":714},[528,5118,1393],{"class":533},[528,5120,2125],{"class":714},[528,5122,1403],{"class":533},[528,5124,551],{"class":533},[528,5126,678],{"class":533},[528,5128,5130,5132,5134],{"class":5129,"line":523},[530,564],[528,5131,759],{"class":533},[528,5133,772],{"class":537},[528,5135,678],{"class":533},[528,5137,5139,5141,5143],{"class":5138,"line":797},[530,564],[528,5140,780],{"class":533},[528,5142,5073],{"class":537},[528,5144,560],{"class":533},[528,5146,5148,5150,5152],{"class":5147,"line":807},[530,564],[528,5149,790],{"class":533},[528,5151,69],{"class":537},[528,5153,560],{"class":533},[528,5155,5156,5158,5160,5162,5164,5166,5168,5170,5172,5174,5176,5178,5180],{"class":530,"line":2874},[528,5157,672],{"class":533},[528,5159,2989],{"class":537},[528,5161,704],{"class":533},[528,5163,1911],{"class":541},[528,5165,548],{"class":533},[528,5167,551],{"class":533},[528,5169,1388],{"class":533},[528,5171,1400],{"class":714},[528,5173,1393],{"class":533},[528,5175,1400],{"class":714},[528,5177,1403],{"class":533},[528,5179,551],{"class":533},[528,5181,678],{"class":533},[528,5183,5184,5186,5188],{"class":530,"line":2882},[528,5185,800],{"class":533},[528,5187,652],{"class":537},[528,5189,560],{"class":533},[528,5191,5192,5194,5196],{"class":530,"line":2912},[528,5193,623],{"class":533},[528,5195,641],{"class":537},[528,5197,560],{"class":533},[513,5199,817],{"id":816},[822,5201,5202,5210],{},[825,5203,5204],{},[828,5205,5206,5208],{},[831,5207,817],{},[831,5209,836],{},[841,5211,5212,5223,5233,5244,5255],{},[828,5213,5214,5217],{},[846,5215,5216],{},"mesh",[846,5218,5219,5222],{},[1595,5220,5221],{},"Mesh"," Surface mesh from which to sample",[828,5224,5225,5227],{},[846,5226,5022],{},[846,5228,5229,5232],{},[1595,5230,5231],{},"Number"," Number of samples",[828,5234,5235,5238],{},[846,5236,5237],{},"instanceMesh",[846,5239,5240,5243],{},[1595,5241,5242],{},"InstanceMesh"," InstanceMesh to scatter",[828,5245,5246,5249],{},[846,5247,5248],{},"weight",[846,5250,5251,5254],{},[1595,5252,5253],{},"String"," A vertex attribute to be used as a weight when sampling",[828,5256,5257,5260],{},[846,5258,5259],{},"transform",[846,5261,5262,5265],{},[1595,5263,5264],{},"Function"," A function that can be used as a custom sampling",[513,5267,5269],{"id":5268},"usesurfacesampler","useSurfaceSampler",[504,5271,5272,5273],{},"A hook to obtain the result of the ",[5274,5275,5276],"sampler",{}," as a buffer. Useful for driving anything other than InstancedMesh via the Sampler.",[517,5278,5281],{"className":519,"code":5279,"highlights":5280,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { OrbitControls, useSurfaceSampler } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\nimport { ref, watch } from 'vue'\n\nconst torusRef = ref()\nconst instancesRef = ref()\n\nwatch(torusRef, (value) => {\n  useSurfaceSampler(value, 50, instancesRef.value, 'color')\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera :position=\"[0, 0.5, 5]\" />\n    \u003COrbitControls />\n\n    \u003CTresMesh ref=\"torusRef\">\n      \u003CTresTorusGeometry />\n    \u003C/TresMesh>\n\n    \u003CTresInstancedMesh\n      ref=\"instancesRef\"\n      :args=\"[null!, null!, 1_000]\"\n    >\n      \u003CTresSphereGeometry :args=\"[0.1, 32, 32]\" />\n      \u003CTresMeshNormalMaterial />\n    \u003C/TresInstancedMesh>\n\n    \u003CTresGridHelper :args=\"[10, 10]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[478,691],[508,5282,5283,5303,5327,5345,5369,5373,5386,5399,5403,5426,5462,5469,5477,5481,5489,5507,5539,5547,5551,5570,5578,5586,5590,5597,5611,5631,5636,5669,5677,5685,5689,5717,5725],{"__ignoreMap":476},[528,5284,5285,5287,5289,5291,5293,5295,5297,5299,5301],{"class":530,"line":477},[528,5286,534],{"class":533},[528,5288,538],{"class":537},[528,5290,542],{"class":541},[528,5292,545],{"class":541},[528,5294,548],{"class":533},[528,5296,551],{"class":533},[528,5298,555],{"class":554},[528,5300,551],{"class":533},[528,5302,560],{"class":533},[528,5304,5306,5308,5310,5312,5314,5317,5319,5321,5323,5325],{"class":5305,"line":478},[530,564],[528,5307,568],{"class":567},[528,5309,571],{"class":533},[528,5311,581],{"class":574},[528,5313,578],{"class":533},[528,5315,5316],{"class":574}," useSurfaceSampler",[528,5318,584],{"class":533},[528,5320,587],{"class":567},[528,5322,590],{"class":533},[528,5324,593],{"class":554},[528,5326,596],{"class":533},[528,5328,5329,5331,5333,5335,5337,5339,5341,5343],{"class":530,"line":599},[528,5330,568],{"class":567},[528,5332,571],{"class":533},[528,5334,606],{"class":574},[528,5336,584],{"class":533},[528,5338,587],{"class":567},[528,5340,590],{"class":533},[528,5342,615],{"class":554},[528,5344,596],{"class":533},[528,5346,5347,5349,5351,5354,5356,5359,5361,5363,5365,5367],{"class":530,"line":620},[528,5348,568],{"class":567},[528,5350,571],{"class":533},[528,5352,5353],{"class":574}," ref",[528,5355,578],{"class":533},[528,5357,5358],{"class":574}," watch",[528,5360,584],{"class":533},[528,5362,587],{"class":567},[528,5364,590],{"class":533},[528,5366,524],{"class":554},[528,5368,596],{"class":533},[528,5370,5371],{"class":530,"line":630},[528,5372,633],{"emptyLinePlaceholder":484},[528,5374,5375,5377,5380,5382,5384],{"class":530,"line":636},[528,5376,2611],{"class":541},[528,5378,5379],{"class":574}," torusRef ",[528,5381,548],{"class":533},[528,5383,5353],{"class":2722},[528,5385,2768],{"class":574},[528,5387,5388,5390,5393,5395,5397],{"class":530,"line":646},[528,5389,2611],{"class":541},[528,5391,5392],{"class":574}," instancesRef ",[528,5394,548],{"class":533},[528,5396,5353],{"class":2722},[528,5398,2768],{"class":574},[528,5400,5401],{"class":530,"line":669},[528,5402,633],{"emptyLinePlaceholder":484},[528,5404,5405,5408,5411,5413,5415,5419,5421,5424],{"class":530,"line":681},[528,5406,5407],{"class":2722},"watch",[528,5409,5410],{"class":574},"(torusRef",[528,5412,578],{"class":533},[528,5414,2635],{"class":533},[528,5416,5418],{"class":5417},"sHdIc","value",[528,5420,4047],{"class":533},[528,5422,5423],{"class":541}," =>",[528,5425,1099],{"class":533},[528,5427,5429,5432,5434,5436,5438,5441,5443,5446,5448,5450,5452,5454,5456,5459],{"class":5428,"line":691},[530,564],[528,5430,5431],{"class":2722},"  useSurfaceSampler",[528,5433,2892],{"class":537},[528,5435,5418],{"class":574},[528,5437,578],{"class":533},[528,5439,5440],{"class":714}," 50",[528,5442,578],{"class":533},[528,5444,5445],{"class":574}," instancesRef",[528,5447,1041],{"class":533},[528,5449,5418],{"class":574},[528,5451,578],{"class":533},[528,5453,590],{"class":533},[528,5455,2422],{"class":554},[528,5457,5458],{"class":533},"'",[528,5460,5461],{"class":537},")\n",[528,5463,5464,5467],{"class":530,"line":696},[528,5465,5466],{"class":533},"}",[528,5468,5461],{"class":574},[528,5470,5471,5473,5475],{"class":530,"line":722},[528,5472,623],{"class":533},[528,5474,538],{"class":537},[528,5476,560],{"class":533},[528,5478,5479],{"class":530,"line":522},[528,5480,633],{"emptyLinePlaceholder":484},[528,5482,5483,5485,5487],{"class":530,"line":745},[528,5484,534],{"class":533},[528,5486,641],{"class":537},[528,5488,560],{"class":533},[528,5490,5491,5493,5495,5497,5499,5501,5503,5505],{"class":530,"line":756},[528,5492,649],{"class":533},[528,5494,652],{"class":537},[528,5496,655],{"class":541},[528,5498,548],{"class":533},[528,5500,551],{"class":533},[528,5502,4962],{"class":554},[528,5504,551],{"class":533},[528,5506,560],{"class":533},[528,5508,5509,5511,5513,5515,5517,5519,5521,5523,5525,5527,5529,5531,5533,5535,5537],{"class":530,"line":767},[528,5510,672],{"class":533},[528,5512,675],{"class":537},[528,5514,704],{"class":533},[528,5516,1381],{"class":541},[528,5518,548],{"class":533},[528,5520,551],{"class":533},[528,5522,1388],{"class":533},[528,5524,860],{"class":714},[528,5526,1393],{"class":533},[528,5528,1435],{"class":714},[528,5530,1393],{"class":533},[528,5532,2318],{"class":714},[528,5534,1403],{"class":533},[528,5536,551],{"class":533},[528,5538,678],{"class":533},[528,5540,5541,5543,5545],{"class":530,"line":777},[528,5542,672],{"class":533},[528,5544,686],{"class":537},[528,5546,678],{"class":533},[528,5548,5549],{"class":530,"line":523},[528,5550,633],{"emptyLinePlaceholder":484},[528,5552,5553,5555,5557,5559,5561,5563,5566,5568],{"class":530,"line":797},[528,5554,672],{"class":533},[528,5556,751],{"class":537},[528,5558,5353],{"class":541},[528,5560,548],{"class":533},[528,5562,551],{"class":533},[528,5564,5565],{"class":554},"torusRef",[528,5567,551],{"class":533},[528,5569,560],{"class":533},[528,5571,5572,5574,5576],{"class":530,"line":807},[528,5573,748],{"class":533},[528,5575,5049],{"class":537},[528,5577,678],{"class":533},[528,5579,5580,5582,5584],{"class":530,"line":2874},[528,5581,790],{"class":533},[528,5583,751],{"class":537},[528,5585,560],{"class":533},[528,5587,5588],{"class":530,"line":2882},[528,5589,633],{"emptyLinePlaceholder":484},[528,5591,5592,5594],{"class":530,"line":2912},[528,5593,672],{"class":533},[528,5595,5596],{"class":537},"TresInstancedMesh\n",[528,5598,5599,5602,5604,5606,5609],{"class":530,"line":2929},[528,5600,5601],{"class":541},"      ref",[528,5603,548],{"class":533},[528,5605,551],{"class":533},[528,5607,5608],{"class":554},"instancesRef",[528,5610,2909],{"class":533},[528,5612,5613,5616,5618,5620,5622,5624,5627,5629],{"class":530,"line":2944},[528,5614,5615],{"class":533},"      :",[528,5617,1911],{"class":541},[528,5619,548],{"class":533},[528,5621,551],{"class":533},[528,5623,5084],{"class":533},[528,5625,5626],{"class":714},"1_000",[528,5628,1403],{"class":533},[528,5630,2909],{"class":533},[528,5632,5633],{"class":530,"line":2969},[528,5634,5635],{"class":533},"    >\n",[528,5637,5638,5640,5642,5644,5646,5648,5650,5652,5654,5656,5659,5661,5663,5665,5667],{"class":530,"line":2513},[528,5639,748],{"class":533},[528,5641,4657],{"class":537},[528,5643,704],{"class":533},[528,5645,1911],{"class":541},[528,5647,548],{"class":533},[528,5649,551],{"class":533},[528,5651,1388],{"class":533},[528,5653,2125],{"class":714},[528,5655,1393],{"class":533},[528,5657,5658],{"class":714},"32",[528,5660,1393],{"class":533},[528,5662,5658],{"class":714},[528,5664,1403],{"class":533},[528,5666,551],{"class":533},[528,5668,678],{"class":533},[528,5670,5671,5673,5675],{"class":530,"line":2984},[528,5672,748],{"class":533},[528,5674,772],{"class":537},[528,5676,678],{"class":533},[528,5678,5679,5681,5683],{"class":530,"line":3014},[528,5680,790],{"class":533},[528,5682,5073],{"class":537},[528,5684,560],{"class":533},[528,5686,5687],{"class":530,"line":3023},[528,5688,633],{"emptyLinePlaceholder":484},[528,5690,5691,5693,5695,5697,5699,5701,5703,5705,5707,5709,5711,5713,5715],{"class":530,"line":4129},[528,5692,672],{"class":533},[528,5694,2989],{"class":537},[528,5696,704],{"class":533},[528,5698,1911],{"class":541},[528,5700,548],{"class":533},[528,5702,551],{"class":533},[528,5704,1388],{"class":533},[528,5706,1400],{"class":714},[528,5708,1393],{"class":533},[528,5710,1400],{"class":714},[528,5712,1403],{"class":533},[528,5714,551],{"class":533},[528,5716,678],{"class":533},[528,5718,5719,5721,5723],{"class":530,"line":4134},[528,5720,800],{"class":533},[528,5722,652],{"class":537},[528,5724,560],{"class":533},[528,5726,5727,5729,5731],{"class":530,"line":4157},[528,5728,623],{"class":533},[528,5730,641],{"class":537},[528,5732,560],{"class":533},[1222,5734,5735],{},"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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":476,"searchDepth":477,"depth":478,"links":5737},[5738,5739,5740],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},{"id":5268,"depth":478,"text":5269},"Distribute instances on mesh surfaces using MeshSurfaceSampler.",{},{"title":69,"description":5741},"tp0RMAouxWdIwvGbhPWEaPk4Au2TU5HY1qCtuO9XCUA",{"id":5746,"title":73,"body":5747,"description":6092,"extension":481,"links":482,"meta":6093,"navigation":484,"path":74,"seo":6094,"stem":75,"__hash__":6095},"docs/2.api/1.abstractions/screen-sizer.md",{"type":469,"value":5748,"toc":6088},[5749,5754,5763,5766,5768,6078,6080,6086],[2480,5750,5751],{},[5752,5753],"abstractions-screen-sizer",{},[504,5755,1244,5756,5759,5760,5762],{},[508,5757,5758],{},"\u003CTresObject3D />"," wrapper that scales to \"screen space\". By default ",[508,5761,1815],{}," THREE world unit will be translated to 1 screen pixel.",[504,5764,5765],{},"E.g. a BoxGeometry with a height, width, and depth of 100 each, will be scaled to 100 screen pixels in each dimension.",[513,5767,15],{"id":515},[517,5769,5772],{"className":519,"code":5770,"highlights":5771,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { OrbitControls, ScreenSizer } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#3f3f3f\">\n    \u003CTresPerspectiveCamera :position=\"[10, 10, 10]\" />\n    \u003COrbitControls />\n    \u003CScreenSizer>\n      \u003CTresMesh>\n        \u003CTresBoxGeometry :args=\"[100, 100, 100]\" />\n        \u003CTresMeshNormalMaterial />\n      \u003C/TresMesh>\n    \u003C/ScreenSizer>\n    \u003CTresMesh :position-x=\"5\">\n      \u003CTresBoxGeometry />\n      \u003CTresMeshNormalMaterial />\n    \u003C/TresMesh>\n    \u003CTresGridHelper :args=\"[10, 10]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[599,691,756],[508,5773,5774,5794,5812,5836,5844,5848,5856,5875,5907,5915,5924,5932,5965,5973,5981,5990,6010,6018,6026,6034,6062,6070],{"__ignoreMap":476},[528,5775,5776,5778,5780,5782,5784,5786,5788,5790,5792],{"class":530,"line":477},[528,5777,534],{"class":533},[528,5779,538],{"class":537},[528,5781,542],{"class":541},[528,5783,545],{"class":541},[528,5785,548],{"class":533},[528,5787,551],{"class":533},[528,5789,555],{"class":554},[528,5791,551],{"class":533},[528,5793,560],{"class":533},[528,5795,5796,5798,5800,5802,5804,5806,5808,5810],{"class":530,"line":478},[528,5797,568],{"class":567},[528,5799,571],{"class":533},[528,5801,606],{"class":574},[528,5803,584],{"class":533},[528,5805,587],{"class":567},[528,5807,590],{"class":533},[528,5809,615],{"class":554},[528,5811,596],{"class":533},[528,5813,5815,5817,5819,5821,5823,5826,5828,5830,5832,5834],{"class":5814,"line":599},[530,564],[528,5816,568],{"class":567},[528,5818,571],{"class":533},[528,5820,581],{"class":574},[528,5822,578],{"class":533},[528,5824,5825],{"class":574}," ScreenSizer",[528,5827,584],{"class":533},[528,5829,587],{"class":567},[528,5831,590],{"class":533},[528,5833,593],{"class":554},[528,5835,596],{"class":533},[528,5837,5838,5840,5842],{"class":530,"line":620},[528,5839,623],{"class":533},[528,5841,538],{"class":537},[528,5843,560],{"class":533},[528,5845,5846],{"class":530,"line":630},[528,5847,633],{"emptyLinePlaceholder":484},[528,5849,5850,5852,5854],{"class":530,"line":636},[528,5851,534],{"class":533},[528,5853,641],{"class":537},[528,5855,560],{"class":533},[528,5857,5858,5860,5862,5864,5866,5868,5871,5873],{"class":530,"line":646},[528,5859,649],{"class":533},[528,5861,652],{"class":537},[528,5863,655],{"class":541},[528,5865,548],{"class":533},[528,5867,551],{"class":533},[528,5869,5870],{"class":554},"#3f3f3f",[528,5872,551],{"class":533},[528,5874,560],{"class":533},[528,5876,5877,5879,5881,5883,5885,5887,5889,5891,5893,5895,5897,5899,5901,5903,5905],{"class":530,"line":669},[528,5878,672],{"class":533},[528,5880,675],{"class":537},[528,5882,704],{"class":533},[528,5884,1381],{"class":541},[528,5886,548],{"class":533},[528,5888,551],{"class":533},[528,5890,1388],{"class":533},[528,5892,1400],{"class":714},[528,5894,1393],{"class":533},[528,5896,1400],{"class":714},[528,5898,1393],{"class":533},[528,5900,1400],{"class":714},[528,5902,1403],{"class":533},[528,5904,551],{"class":533},[528,5906,678],{"class":533},[528,5908,5909,5911,5913],{"class":530,"line":681},[528,5910,672],{"class":533},[528,5912,686],{"class":537},[528,5914,678],{"class":533},[528,5916,5918,5920,5922],{"class":5917,"line":691},[530,564],[528,5919,672],{"class":533},[528,5921,73],{"class":537},[528,5923,560],{"class":533},[528,5925,5926,5928,5930],{"class":530,"line":696},[528,5927,748],{"class":533},[528,5929,751],{"class":537},[528,5931,560],{"class":533},[528,5933,5934,5936,5938,5940,5942,5944,5946,5948,5951,5953,5955,5957,5959,5961,5963],{"class":530,"line":722},[528,5935,759],{"class":533},[528,5937,762],{"class":537},[528,5939,704],{"class":533},[528,5941,1911],{"class":541},[528,5943,548],{"class":533},[528,5945,551],{"class":533},[528,5947,1388],{"class":533},[528,5949,5950],{"class":714},"100",[528,5952,1393],{"class":533},[528,5954,5950],{"class":714},[528,5956,1393],{"class":533},[528,5958,5950],{"class":714},[528,5960,1403],{"class":533},[528,5962,551],{"class":533},[528,5964,678],{"class":533},[528,5966,5967,5969,5971],{"class":530,"line":522},[528,5968,759],{"class":533},[528,5970,772],{"class":537},[528,5972,678],{"class":533},[528,5974,5975,5977,5979],{"class":530,"line":745},[528,5976,780],{"class":533},[528,5978,751],{"class":537},[528,5980,560],{"class":533},[528,5982,5984,5986,5988],{"class":5983,"line":756},[530,564],[528,5985,790],{"class":533},[528,5987,73],{"class":537},[528,5989,560],{"class":533},[528,5991,5992,5994,5996,5998,6000,6002,6004,6006,6008],{"class":530,"line":767},[528,5993,672],{"class":533},[528,5995,751],{"class":537},[528,5997,704],{"class":533},[528,5999,4558],{"class":541},[528,6001,548],{"class":533},[528,6003,551],{"class":533},[528,6005,2318],{"class":714},[528,6007,551],{"class":533},[528,6009,560],{"class":533},[528,6011,6012,6014,6016],{"class":530,"line":777},[528,6013,748],{"class":533},[528,6015,762],{"class":537},[528,6017,678],{"class":533},[528,6019,6020,6022,6024],{"class":530,"line":523},[528,6021,748],{"class":533},[528,6023,772],{"class":537},[528,6025,678],{"class":533},[528,6027,6028,6030,6032],{"class":530,"line":797},[528,6029,790],{"class":533},[528,6031,751],{"class":537},[528,6033,560],{"class":533},[528,6035,6036,6038,6040,6042,6044,6046,6048,6050,6052,6054,6056,6058,6060],{"class":530,"line":807},[528,6037,672],{"class":533},[528,6039,2989],{"class":537},[528,6041,704],{"class":533},[528,6043,1911],{"class":541},[528,6045,548],{"class":533},[528,6047,551],{"class":533},[528,6049,1388],{"class":533},[528,6051,1400],{"class":714},[528,6053,1393],{"class":533},[528,6055,1400],{"class":714},[528,6057,1403],{"class":533},[528,6059,551],{"class":533},[528,6061,678],{"class":533},[528,6063,6064,6066,6068],{"class":530,"line":2874},[528,6065,800],{"class":533},[528,6067,652],{"class":537},[528,6069,560],{"class":533},[528,6071,6072,6074,6076],{"class":530,"line":2882},[528,6073,623],{"class":533},[528,6075,641],{"class":537},[528,6077,560],{"class":533},[513,6079,817],{"id":816},[504,6081,6082,6083,1041],{},"Inherits all props from ",[508,6084,6085],{},"THREE.Object3D",[1222,6087,1570],{},{"title":476,"searchDepth":477,"depth":478,"links":6089},[6090,6091],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Scale objects to screen space where 1 unit equals 1 pixel.",{},{"title":73,"description":6092},"kz3721y8yAocwgiv4rVn-y48A-pFvSXFLwhVmj14V5k",{"id":6097,"title":77,"body":6098,"description":6480,"extension":481,"links":482,"meta":6481,"navigation":484,"path":78,"seo":6482,"stem":79,"__hash__":6483},"docs/2.api/1.abstractions/screen-space.md",{"type":469,"value":6099,"toc":6476},[6100,6105,6118,6140,6142,6380,6382,6474],[498,6101,6102],{},[6103,6104],"abstractions-screen-space",{},[504,6106,6107,6110,6111,6114,6115,1041],{},[508,6108,6109],{},"\u003CScreenSpace />"," wraps its children in a ",[508,6112,6113],{},"\u003CTresGroup />"," and positions them in front of the active camera at ",[508,6116,6117],{},":depth",[504,6119,6120,6121,1393,6123,1393,6125,1393,6127,6129,6130,6133,6134,2497,6137,1041],{},"Additionally, the ",[508,6122,850],{},[508,6124,873],{},[508,6126,892],{},[508,6128,911],{}," props can be used to position them similarly to CSS ",[508,6131,6132],{},"position: absolute"," property when using a ",[508,6135,6136],{},"PerspectiveCamera",[508,6138,6139],{},"OrtographicCamera",[513,6141,15],{"id":515},[517,6143,6146],{"className":519,"code":6144,"highlights":6145,"language":524,"meta":476,"style":476},"\u003Cscript setup lang=\"ts\">\nimport { OrbitControls, ScreenSpace } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#333\">\n    \u003CTresPerspectiveCamera />\n    \u003COrbitControls />\n\n    \u003CScreenSpace :depth=\"5\">\n      \u003CTresMesh>\n        \u003CTresTorusGeometry />\n        \u003CTresMeshNormalMaterial />\n      \u003C/TresMesh>\n    \u003C/ScreenSpace>\n\n    \u003CTresGridHelper :args=\"[10, 10]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[478,696,767],[508,6147,6148,6168,6192,6210,6218,6222,6230,6249,6257,6265,6269,6291,6299,6307,6315,6323,6332,6336,6364,6372],{"__ignoreMap":476},[528,6149,6150,6152,6154,6156,6158,6160,6162,6164,6166],{"class":530,"line":477},[528,6151,534],{"class":533},[528,6153,538],{"class":537},[528,6155,542],{"class":541},[528,6157,545],{"class":541},[528,6159,548],{"class":533},[528,6161,551],{"class":533},[528,6163,555],{"class":554},[528,6165,551],{"class":533},[528,6167,560],{"class":533},[528,6169,6171,6173,6175,6177,6179,6182,6184,6186,6188,6190],{"class":6170,"line":478},[530,564],[528,6172,568],{"class":567},[528,6174,571],{"class":533},[528,6176,581],{"class":574},[528,6178,578],{"class":533},[528,6180,6181],{"class":574}," ScreenSpace",[528,6183,584],{"class":533},[528,6185,587],{"class":567},[528,6187,590],{"class":533},[528,6189,593],{"class":554},[528,6191,596],{"class":533},[528,6193,6194,6196,6198,6200,6202,6204,6206,6208],{"class":530,"line":599},[528,6195,568],{"class":567},[528,6197,571],{"class":533},[528,6199,606],{"class":574},[528,6201,584],{"class":533},[528,6203,587],{"class":567},[528,6205,590],{"class":533},[528,6207,615],{"class":554},[528,6209,596],{"class":533},[528,6211,6212,6214,6216],{"class":530,"line":620},[528,6213,623],{"class":533},[528,6215,538],{"class":537},[528,6217,560],{"class":533},[528,6219,6220],{"class":530,"line":630},[528,6221,633],{"emptyLinePlaceholder":484},[528,6223,6224,6226,6228],{"class":530,"line":636},[528,6225,534],{"class":533},[528,6227,641],{"class":537},[528,6229,560],{"class":533},[528,6231,6232,6234,6236,6238,6240,6242,6245,6247],{"class":530,"line":646},[528,6233,649],{"class":533},[528,6235,652],{"class":537},[528,6237,655],{"class":541},[528,6239,548],{"class":533},[528,6241,551],{"class":533},[528,6243,6244],{"class":554},"#333",[528,6246,551],{"class":533},[528,6248,560],{"class":533},[528,6250,6251,6253,6255],{"class":530,"line":669},[528,6252,672],{"class":533},[528,6254,675],{"class":537},[528,6256,678],{"class":533},[528,6258,6259,6261,6263],{"class":530,"line":681},[528,6260,672],{"class":533},[528,6262,686],{"class":537},[528,6264,678],{"class":533},[528,6266,6267],{"class":530,"line":691},[528,6268,633],{"emptyLinePlaceholder":484},[528,6270,6272,6274,6276,6278,6281,6283,6285,6287,6289],{"class":6271,"line":696},[530,564],[528,6273,672],{"class":533},[528,6275,77],{"class":537},[528,6277,704],{"class":533},[528,6279,6280],{"class":541},"depth",[528,6282,548],{"class":533},[528,6284,551],{"class":533},[528,6286,2318],{"class":714},[528,6288,551],{"class":533},[528,6290,560],{"class":533},[528,6292,6293,6295,6297],{"class":530,"line":722},[528,6294,748],{"class":533},[528,6296,751],{"class":537},[528,6298,560],{"class":533},[528,6300,6301,6303,6305],{"class":530,"line":522},[528,6302,759],{"class":533},[528,6304,5049],{"class":537},[528,6306,678],{"class":533},[528,6308,6309,6311,6313],{"class":530,"line":745},[528,6310,759],{"class":533},[528,6312,772],{"class":537},[528,6314,678],{"class":533},[528,6316,6317,6319,6321],{"class":530,"line":756},[528,6318,780],{"class":533},[528,6320,751],{"class":537},[528,6322,560],{"class":533},[528,6324,6326,6328,6330],{"class":6325,"line":767},[530,564],[528,6327,790],{"class":533},[528,6329,77],{"class":537},[528,6331,560],{"class":533},[528,6333,6334],{"class":530,"line":777},[528,6335,633],{"emptyLinePlaceholder":484},[528,6337,6338,6340,6342,6344,6346,6348,6350,6352,6354,6356,6358,6360,6362],{"class":530,"line":523},[528,6339,672],{"class":533},[528,6341,2989],{"class":537},[528,6343,704],{"class":533},[528,6345,1911],{"class":541},[528,6347,548],{"class":533},[528,6349,551],{"class":533},[528,6351,1388],{"class":533},[528,6353,1400],{"class":714},[528,6355,1393],{"class":533},[528,6357,1400],{"class":714},[528,6359,1403],{"class":533},[528,6361,551],{"class":533},[528,6363,678],{"class":533},[528,6365,6366,6368,6370],{"class":530,"line":797},[528,6367,800],{"class":533},[528,6369,652],{"class":537},[528,6371,560],{"class":533},[528,6373,6374,6376,6378],{"class":530,"line":807},[528,6375,623],{"class":533},[528,6377,641],{"class":537},[528,6379,560],{"class":533},[513,6381,817],{"id":816},[822,6383,6384,6394],{},[825,6385,6386],{},[828,6387,6388,6390,6392],{},[831,6389,833],{"align":892},[831,6391,836],{"align":892},[831,6393,839],{},[841,6395,6396,6410,6429,6443,6460],{},[828,6397,6398,6402,6405],{},[846,6399,6400],{"align":892},[508,6401,6280],{},[846,6403,6404],{"align":892},"Distance from the camera",[846,6406,6407],{},[508,6408,6409],{},"-1",[828,6411,6412,6416,6424],{},[846,6413,6414],{"align":892},[508,6415,850],{},[846,6417,6418,6419,6421,6422],{"align":892},"Similar to CSS ",[508,6420,850],{}," property. Cannot be used with ",[508,6423,873],{},[846,6425,6426,6428],{},[508,6427,1435],{}," (vertical center of the screen)",[828,6430,6431,6435,6441],{},[846,6432,6433],{"align":892},[508,6434,873],{},[846,6436,6418,6437,6421,6439],{"align":892},[508,6438,873],{},[508,6440,850],{},[846,6442],{},[828,6444,6445,6449,6455],{},[846,6446,6447],{"align":892},[508,6448,892],{},[846,6450,6418,6451,6421,6453],{"align":892},[508,6452,892],{},[508,6454,911],{},[846,6456,6457,6459],{},[508,6458,1435],{}," (horizontal center of the screen)",[828,6461,6462,6466,6472],{},[846,6463,6464],{"align":892},[508,6465,911],{},[846,6467,6418,6468,6421,6470],{"align":892},[508,6469,911],{},[508,6471,892],{},[846,6473],{},[1222,6475,1570],{},{"title":476,"searchDepth":477,"depth":478,"links":6477},[6478,6479],{"id":515,"depth":478,"text":15},{"id":816,"depth":478,"text":817},"Position objects in front of the camera with CSS-like positioning.",{},{"title":77,"description":6480},"kqBTtDRTjTEQO1CtIqpPWtj4cpsi2JzyDHE4eOsdRvU",1774953653388]