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