[{"data":1,"prerenderedAt":2079},["ShallowReactive",2],{"navigation":3,"/getting-started/usage":470,"/getting-started/usage-surround":2074},[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":15,"body":472,"description":2068,"extension":2069,"links":2070,"meta":2071,"navigation":756,"path":16,"seo":2072,"stem":17,"__hash__":2073},"docs/1.getting-started/3.usage.md",{"type":473,"value":474,"toc":2061},"minimark",[475,480,484,527,534,652,667,672,679,1034,1042,1046,1056,1268,1272,1279,1384,1387,2057],[476,477,479],"h2",{"id":478},"basic-usage","Basic Usage",[481,482,483],"p",{},"All instances of cientos provide one (or many) examples of how to use it, similar to this one:",[485,486,491],"pre",{"className":487,"code":488,"language":489,"meta":490,"style":490},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { OrbitControls } from '@tresjs/cientos'\n","js","",[492,493,494],"code",{"__ignoreMap":490},[495,496,499,503,507,511,514,517,520,524],"span",{"class":497,"line":498},"line",1,[495,500,502],{"class":501},"s7zQu","import",[495,504,506],{"class":505},"sMK4o"," {",[495,508,510],{"class":509},"sTEyZ"," OrbitControls",[495,512,513],{"class":505}," }",[495,515,516],{"class":501}," from",[495,518,519],{"class":505}," '",[495,521,523],{"class":522},"sfazB","@tresjs/cientos",[495,525,526],{"class":505},"'\n",[481,528,529,530,533],{},"Now you can use the ",[492,531,532],{},"OrbitControls"," component in your scene.",[485,535,539],{"className":536,"code":537,"language":538,"meta":490,"style":490},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CTresCanvas shadows alpha>\n    \u003CTresPerspectiveCamera :args=\"[45, 1, 0.1, 1000]\" />\n    \u003COrbitControls />\n  \u003C/TresCanvas>\n\u003C/template>\n","vue",[492,540,541,553,571,623,632,642],{"__ignoreMap":490},[495,542,543,546,550],{"class":497,"line":498},[495,544,545],{"class":505},"\u003C",[495,547,549],{"class":548},"swJcz","template",[495,551,552],{"class":505},">\n",[495,554,556,559,562,566,569],{"class":497,"line":555},2,[495,557,558],{"class":505},"  \u003C",[495,560,561],{"class":548},"TresCanvas",[495,563,565],{"class":564},"spNyl"," shadows",[495,567,568],{"class":564}," alpha",[495,570,552],{"class":505},[495,572,574,577,580,583,586,589,592,595,599,602,605,607,610,612,615,618,620],{"class":497,"line":573},3,[495,575,576],{"class":505},"    \u003C",[495,578,579],{"class":548},"TresPerspectiveCamera",[495,581,582],{"class":505}," :",[495,584,585],{"class":564},"args",[495,587,588],{"class":505},"=",[495,590,591],{"class":505},"\"",[495,593,594],{"class":505},"[",[495,596,598],{"class":597},"sbssI","45",[495,600,601],{"class":505},", ",[495,603,604],{"class":597},"1",[495,606,601],{"class":505},[495,608,609],{"class":597},"0.1",[495,611,601],{"class":505},[495,613,614],{"class":597},"1000",[495,616,617],{"class":505},"]",[495,619,591],{"class":505},[495,621,622],{"class":505}," />\n",[495,624,626,628,630],{"class":497,"line":625},4,[495,627,576],{"class":505},[495,629,532],{"class":548},[495,631,622],{"class":505},[495,633,635,638,640],{"class":497,"line":634},5,[495,636,637],{"class":505},"  \u003C/",[495,639,561],{"class":548},[495,641,552],{"class":505},[495,643,645,648,650],{"class":497,"line":644},6,[495,646,647],{"class":505},"\u003C/",[495,649,549],{"class":548},[495,651,552],{"class":505},[653,654,655],"prose-note",{},[481,656,657,658,662,663,666],{},"Note that you don’t need to include the ",[659,660,661],"strong",{},"Tres"," prefix (for example, ",[492,664,665],{},"\u003CTresOrbitControl />",") to use the component. All cientos components have the same name as their three-stdlib counterpart.",[668,669,671],"h3",{"id":670},"props","Props",[481,673,674,675,678],{},"All the props are listed with their respective instance and in case it is not specified all the props are ",[659,676,677],{},"reactive",", for example:",[485,680,685],{"className":536,"code":681,"highlights":682,"language":538,"meta":490,"style":490},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { MeshWobbleMaterial } from '@tresjs/cientos'\n\nconst speed = ref(0.1)\nconst factor = ref(0.6)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" :look-at=\"[0, 0, 0]\" />\n    \u003CTresMesh>\n      \u003CTresTorusGeometry />\n      \u003CMeshWobbleMaterial\n        :speed=\"speed\"\n        :factor=\"factor\"\n      />\n    \u003C/TresMesh>\n    \u003CTresAmbientLight />\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[573,683,684],15,16,[492,686,687,711,731,752,758,780,798,807,812,821,830,891,901,912,920,938,954,960,970,980,1016,1025],{"__ignoreMap":490},[495,688,689,691,694,697,700,702,704,707,709],{"class":497,"line":498},[495,690,545],{"class":505},[495,692,693],{"class":548},"script",[495,695,696],{"class":564}," setup",[495,698,699],{"class":564}," lang",[495,701,588],{"class":505},[495,703,591],{"class":505},[495,705,706],{"class":522},"ts",[495,708,591],{"class":505},[495,710,552],{"class":505},[495,712,713,715,717,720,722,724,726,729],{"class":497,"line":555},[495,714,502],{"class":501},[495,716,506],{"class":505},[495,718,719],{"class":509}," TresCanvas",[495,721,513],{"class":505},[495,723,516],{"class":501},[495,725,519],{"class":505},[495,727,728],{"class":522},"@tresjs/core",[495,730,526],{"class":505},[495,732,735,737,739,742,744,746,748,750],{"class":733,"line":573},[497,734],"highlight",[495,736,502],{"class":501},[495,738,506],{"class":505},[495,740,741],{"class":509}," MeshWobbleMaterial",[495,743,513],{"class":505},[495,745,516],{"class":501},[495,747,519],{"class":505},[495,749,523],{"class":522},[495,751,526],{"class":505},[495,753,754],{"class":497,"line":625},[495,755,757],{"emptyLinePlaceholder":756},true,"\n",[495,759,760,763,766,768,772,775,777],{"class":497,"line":634},[495,761,762],{"class":564},"const",[495,764,765],{"class":509}," speed ",[495,767,588],{"class":505},[495,769,771],{"class":770},"s2Zo4"," ref",[495,773,774],{"class":509},"(",[495,776,609],{"class":597},[495,778,779],{"class":509},")\n",[495,781,782,784,787,789,791,793,796],{"class":497,"line":644},[495,783,762],{"class":564},[495,785,786],{"class":509}," factor ",[495,788,588],{"class":505},[495,790,771],{"class":770},[495,792,774],{"class":509},[495,794,795],{"class":597},"0.6",[495,797,779],{"class":509},[495,799,801,803,805],{"class":497,"line":800},7,[495,802,647],{"class":505},[495,804,693],{"class":548},[495,806,552],{"class":505},[495,808,810],{"class":497,"line":809},8,[495,811,757],{"emptyLinePlaceholder":756},[495,813,815,817,819],{"class":497,"line":814},9,[495,816,545],{"class":505},[495,818,549],{"class":548},[495,820,552],{"class":505},[495,822,824,826,828],{"class":497,"line":823},10,[495,825,558],{"class":505},[495,827,561],{"class":548},[495,829,552],{"class":505},[495,831,833,835,837,839,842,844,846,848,851,853,855,857,859,861,863,865,868,870,872,874,877,879,881,883,885,887,889],{"class":497,"line":832},11,[495,834,576],{"class":505},[495,836,579],{"class":548},[495,838,582],{"class":505},[495,840,841],{"class":564},"position",[495,843,588],{"class":505},[495,845,591],{"class":505},[495,847,594],{"class":505},[495,849,850],{"class":597},"3",[495,852,601],{"class":505},[495,854,850],{"class":597},[495,856,601],{"class":505},[495,858,850],{"class":597},[495,860,617],{"class":505},[495,862,591],{"class":505},[495,864,582],{"class":505},[495,866,867],{"class":564},"look-at",[495,869,588],{"class":505},[495,871,591],{"class":505},[495,873,594],{"class":505},[495,875,876],{"class":597},"0",[495,878,601],{"class":505},[495,880,876],{"class":597},[495,882,601],{"class":505},[495,884,876],{"class":597},[495,886,617],{"class":505},[495,888,591],{"class":505},[495,890,622],{"class":505},[495,892,894,896,899],{"class":497,"line":893},12,[495,895,576],{"class":505},[495,897,898],{"class":548},"TresMesh",[495,900,552],{"class":505},[495,902,904,907,910],{"class":497,"line":903},13,[495,905,906],{"class":505},"      \u003C",[495,908,909],{"class":548},"TresTorusGeometry",[495,911,622],{"class":505},[495,913,915,917],{"class":497,"line":914},14,[495,916,906],{"class":505},[495,918,919],{"class":548},"MeshWobbleMaterial\n",[495,921,923,926,929,931,933,935],{"class":922,"line":683},[497,734],[495,924,925],{"class":505},"        :",[495,927,928],{"class":564},"speed",[495,930,588],{"class":505},[495,932,591],{"class":505},[495,934,928],{"class":509},[495,936,937],{"class":505},"\"\n",[495,939,941,943,946,948,950,952],{"class":940,"line":684},[497,734],[495,942,925],{"class":505},[495,944,945],{"class":564},"factor",[495,947,588],{"class":505},[495,949,591],{"class":505},[495,951,945],{"class":509},[495,953,937],{"class":505},[495,955,957],{"class":497,"line":956},17,[495,958,959],{"class":505},"      />\n",[495,961,963,966,968],{"class":497,"line":962},18,[495,964,965],{"class":505},"    \u003C/",[495,967,898],{"class":548},[495,969,552],{"class":505},[495,971,973,975,978],{"class":497,"line":972},19,[495,974,576],{"class":505},[495,976,977],{"class":548},"TresAmbientLight",[495,979,622],{"class":505},[495,981,983,985,988,990,992,994,996,998,1000,1002,1005,1007,1010,1012,1014],{"class":497,"line":982},20,[495,984,576],{"class":505},[495,986,987],{"class":548},"TresDirectionalLight",[495,989,582],{"class":505},[495,991,841],{"class":564},[495,993,588],{"class":505},[495,995,591],{"class":505},[495,997,594],{"class":505},[495,999,876],{"class":597},[495,1001,601],{"class":505},[495,1003,1004],{"class":597},"2",[495,1006,601],{"class":505},[495,1008,1009],{"class":597},"4",[495,1011,617],{"class":505},[495,1013,591],{"class":505},[495,1015,622],{"class":505},[495,1017,1019,1021,1023],{"class":497,"line":1018},21,[495,1020,637],{"class":505},[495,1022,561],{"class":548},[495,1024,552],{"class":505},[495,1026,1028,1030,1032],{"class":497,"line":1027},22,[495,1029,647],{"class":505},[495,1031,549],{"class":548},[495,1033,552],{"class":505},[653,1035,1036],{},[481,1037,1038,1039,1041],{},"All the props and properties are ",[659,1040,677],{}," unless the docs of the instance says the contrary.",[668,1043,1045],{"id":1044},"events","Events",[481,1047,1048,1049,678],{},"Some instances fire events which you can listen to as you normally would do using Vue ",[1050,1051,1055],"a",{"href":1052,"rel":1053},"https://vuejs.org/guide/components/events.html#emitting-and-listening-to-events",[1054],"nofollow","emits",[485,1057,1060],{"className":536,"code":1058,"highlights":1059,"language":538,"meta":490,"style":490},"\u003Cscript setup>\nimport { TresCanvas } from '@tresjs/core'\nimport { GlobalAudio } from '@tresjs/cientos'\n\nconst onPlay = (e) => console.log(e) // will trigger when the event change state\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 7.5]\" />\n    \u003CGlobalAudio :src=\"exampleAudio\" @is-playing=\"onPlay\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[573,634,832],[492,1061,1062,1072,1090,1110,1114,1153,1161,1165,1173,1181,1214,1252,1260],{"__ignoreMap":490},[495,1063,1064,1066,1068,1070],{"class":497,"line":498},[495,1065,545],{"class":505},[495,1067,693],{"class":548},[495,1069,696],{"class":564},[495,1071,552],{"class":505},[495,1073,1074,1076,1078,1080,1082,1084,1086,1088],{"class":497,"line":555},[495,1075,502],{"class":501},[495,1077,506],{"class":505},[495,1079,719],{"class":509},[495,1081,513],{"class":505},[495,1083,516],{"class":501},[495,1085,519],{"class":505},[495,1087,728],{"class":522},[495,1089,526],{"class":505},[495,1091,1093,1095,1097,1100,1102,1104,1106,1108],{"class":1092,"line":573},[497,734],[495,1094,502],{"class":501},[495,1096,506],{"class":505},[495,1098,1099],{"class":509}," GlobalAudio",[495,1101,513],{"class":505},[495,1103,516],{"class":501},[495,1105,519],{"class":505},[495,1107,523],{"class":522},[495,1109,526],{"class":505},[495,1111,1112],{"class":497,"line":625},[495,1113,757],{"emptyLinePlaceholder":756},[495,1115,1117,1119,1122,1124,1127,1131,1134,1137,1140,1143,1146,1149],{"class":1116,"line":634},[497,734],[495,1118,762],{"class":564},[495,1120,1121],{"class":509}," onPlay ",[495,1123,588],{"class":505},[495,1125,1126],{"class":505}," (",[495,1128,1130],{"class":1129},"sHdIc","e",[495,1132,1133],{"class":505},")",[495,1135,1136],{"class":564}," =>",[495,1138,1139],{"class":509}," console",[495,1141,1142],{"class":505},".",[495,1144,1145],{"class":770},"log",[495,1147,1148],{"class":509},"(e) ",[495,1150,1152],{"class":1151},"sHwdD","// will trigger when the event change state\n",[495,1154,1155,1157,1159],{"class":497,"line":644},[495,1156,647],{"class":505},[495,1158,693],{"class":548},[495,1160,552],{"class":505},[495,1162,1163],{"class":497,"line":800},[495,1164,757],{"emptyLinePlaceholder":756},[495,1166,1167,1169,1171],{"class":497,"line":809},[495,1168,545],{"class":505},[495,1170,549],{"class":548},[495,1172,552],{"class":505},[495,1174,1175,1177,1179],{"class":497,"line":814},[495,1176,558],{"class":505},[495,1178,561],{"class":548},[495,1180,552],{"class":505},[495,1182,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1208,1210,1212],{"class":497,"line":823},[495,1184,576],{"class":505},[495,1186,579],{"class":548},[495,1188,582],{"class":505},[495,1190,841],{"class":564},[495,1192,588],{"class":505},[495,1194,591],{"class":505},[495,1196,594],{"class":505},[495,1198,876],{"class":597},[495,1200,601],{"class":505},[495,1202,876],{"class":597},[495,1204,601],{"class":505},[495,1206,1207],{"class":597},"7.5",[495,1209,617],{"class":505},[495,1211,591],{"class":505},[495,1213,622],{"class":505},[495,1215,1217,1219,1221,1223,1226,1228,1230,1233,1235,1238,1241,1243,1245,1248,1250],{"class":1216,"line":832},[497,734],[495,1218,576],{"class":505},[495,1220,447],{"class":548},[495,1222,582],{"class":505},[495,1224,1225],{"class":564},"src",[495,1227,588],{"class":505},[495,1229,591],{"class":505},[495,1231,1232],{"class":509},"exampleAudio",[495,1234,591],{"class":505},[495,1236,1237],{"class":505}," @",[495,1239,1240],{"class":564},"is-playing",[495,1242,588],{"class":505},[495,1244,591],{"class":505},[495,1246,1247],{"class":509},"onPlay",[495,1249,591],{"class":505},[495,1251,622],{"class":505},[495,1253,1254,1256,1258],{"class":497,"line":893},[495,1255,637],{"class":505},[495,1257,561],{"class":548},[495,1259,552],{"class":505},[495,1261,1262,1264,1266],{"class":497,"line":903},[495,1263,647],{"class":505},[495,1265,549],{"class":548},[495,1267,552],{"class":505},[668,1269,1271],{"id":1270},"exposed-properties","Exposed properties",[481,1273,1274,1275,1278],{},"All instances expose a ",[492,1276,1277],{},"instance"," property by default which contains the base of its abstractions. For example:",[485,1280,1283],{"className":536,"code":1281,"highlights":1282,"language":538,"meta":490,"style":490},"\u003Cscript setup>\nconst edgesRef = shallowRef(null)\n\nconsole.log(edgesRef.value.instance) // Inheritance of [LineSegments](https://threejs.org/docs/#api/en/objects/LineSegments)\n\n\u003Ctemplate>\n    \u003CEdges ref=\"edgesRef\" />\n\u003C/template>\n",[555],[492,1284,1285,1295,1315,1319,1344,1348,1356,1376],{"__ignoreMap":490},[495,1286,1287,1289,1291,1293],{"class":497,"line":498},[495,1288,545],{"class":505},[495,1290,693],{"class":548},[495,1292,696],{"class":564},[495,1294,552],{"class":505},[495,1296,1298,1300,1303,1305,1308,1310,1313],{"class":1297,"line":555},[497,734],[495,1299,762],{"class":564},[495,1301,1302],{"class":509}," edgesRef ",[495,1304,588],{"class":505},[495,1306,1307],{"class":770}," shallowRef",[495,1309,774],{"class":509},[495,1311,1312],{"class":505},"null",[495,1314,779],{"class":509},[495,1316,1317],{"class":497,"line":573},[495,1318,757],{"emptyLinePlaceholder":756},[495,1320,1321,1324,1326,1328,1331,1333,1336,1338,1341],{"class":497,"line":625},[495,1322,1323],{"class":509},"console",[495,1325,1142],{"class":505},[495,1327,1145],{"class":770},[495,1329,1330],{"class":509},"(edgesRef",[495,1332,1142],{"class":505},[495,1334,1335],{"class":509},"value",[495,1337,1142],{"class":505},[495,1339,1340],{"class":509},"instance) ",[495,1342,1343],{"class":1151},"// Inheritance of [LineSegments](https://threejs.org/docs/#api/en/objects/LineSegments)\n",[495,1345,1346],{"class":497,"line":634},[495,1347,757],{"emptyLinePlaceholder":756},[495,1349,1350,1352,1354],{"class":497,"line":644},[495,1351,545],{"class":505},[495,1353,549],{"class":548},[495,1355,552],{"class":505},[495,1357,1358,1360,1363,1365,1367,1369,1372,1374],{"class":497,"line":800},[495,1359,576],{"class":505},[495,1361,49],{"class":1362},"sBMFI",[495,1364,771],{"class":564},[495,1366,588],{"class":505},[495,1368,591],{"class":505},[495,1370,1371],{"class":522},"edgesRef",[495,1373,591],{"class":505},[495,1375,622],{"class":505},[495,1377,1378,1380,1382],{"class":497,"line":809},[495,1379,647],{"class":505},[495,1381,549],{"class":548},[495,1383,552],{"class":505},[481,1385,1386],{},"Some instances expose more objects. For example Positional Audio:",[485,1388,1391],{"className":536,"code":1389,"highlights":1390,"language":538,"meta":490,"style":490},"\u003Cscript setup>\nimport { Box, PositionalAudio } from '@tresjs/cientos'\nimport { onUnmounted, shallowRef } from 'vue'\n\nconst positionalAudioRef = shallowRef(null)\n\nonUnmounted(() => {\n  positionalAudioRef?.value?.dispose()\n})\n\nconst { helper, innerAngle, outerAngle, outerGain } = useControls({\n  helper: true,\n  innerAngle: {\n    label: 'innerAngle',\n    value: 195,\n    min: 0,\n    max: 360,\n    step: 1,\n  },\n  outerAngle: {\n    label: 'outerAngle',\n    value: 260,\n    min: 0,\n    max: 360,\n    step: 1,\n  },\n  outerGain: {\n    label: 'outerGain',\n    value: 0.3,\n    min: 0,\n    max: 1,\n    step: 0.01,\n  },\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CBox :args=\"[1, 1, 1]\">\n      \u003CTresMeshNormalMaterial />\n      \u003CSuspense>\n        \u003CPositionalAudio\n          ref=\"positionalAudioRef\"\n          url=\"your-sound.mp3\"\n          :inner-angle=\"innerAngle.value\"\n          :outer-angle=\"outerAngle.value\"\n          :outer-gain=\"outerGain.value\"\n          :helper=\"helper.value\"\n        />\n      \u003C/Suspense>\n    \u003C/Box>\n  \u003C/TresCanvas>\n\u003C/template>\n",[555],[492,1392,1393,1403,1429,1452,1456,1473,1477,1492,1510,1517,1521,1558,1573,1582,1599,1611,1623,1635,1647,1652,1661,1676,1687,1698,1709,1720,1725,1735,1751,1763,1774,1785,1797,1802,1809,1818,1823,1832,1841,1874,1884,1894,1903,1918,1933,1954,1974,1994,2014,2020,2030,2039,2048],{"__ignoreMap":490},[495,1394,1395,1397,1399,1401],{"class":497,"line":498},[495,1396,545],{"class":505},[495,1398,693],{"class":548},[495,1400,696],{"class":564},[495,1402,552],{"class":505},[495,1404,1406,1408,1410,1413,1416,1419,1421,1423,1425,1427],{"class":1405,"line":555},[497,734],[495,1407,502],{"class":501},[495,1409,506],{"class":505},[495,1411,1412],{"class":509}," Box",[495,1414,1415],{"class":505},",",[495,1417,1418],{"class":509}," PositionalAudio",[495,1420,513],{"class":505},[495,1422,516],{"class":501},[495,1424,519],{"class":505},[495,1426,523],{"class":522},[495,1428,526],{"class":505},[495,1430,1431,1433,1435,1438,1440,1442,1444,1446,1448,1450],{"class":497,"line":573},[495,1432,502],{"class":501},[495,1434,506],{"class":505},[495,1436,1437],{"class":509}," onUnmounted",[495,1439,1415],{"class":505},[495,1441,1307],{"class":509},[495,1443,513],{"class":505},[495,1445,516],{"class":501},[495,1447,519],{"class":505},[495,1449,538],{"class":522},[495,1451,526],{"class":505},[495,1453,1454],{"class":497,"line":625},[495,1455,757],{"emptyLinePlaceholder":756},[495,1457,1458,1460,1463,1465,1467,1469,1471],{"class":497,"line":634},[495,1459,762],{"class":564},[495,1461,1462],{"class":509}," positionalAudioRef ",[495,1464,588],{"class":505},[495,1466,1307],{"class":770},[495,1468,774],{"class":509},[495,1470,1312],{"class":505},[495,1472,779],{"class":509},[495,1474,1475],{"class":497,"line":644},[495,1476,757],{"emptyLinePlaceholder":756},[495,1478,1479,1482,1484,1487,1489],{"class":497,"line":800},[495,1480,1481],{"class":770},"onUnmounted",[495,1483,774],{"class":509},[495,1485,1486],{"class":505},"()",[495,1488,1136],{"class":564},[495,1490,1491],{"class":505}," {\n",[495,1493,1494,1497,1500,1502,1504,1507],{"class":497,"line":809},[495,1495,1496],{"class":509},"  positionalAudioRef",[495,1498,1499],{"class":505},"?.",[495,1501,1335],{"class":509},[495,1503,1499],{"class":505},[495,1505,1506],{"class":770},"dispose",[495,1508,1509],{"class":548},"()\n",[495,1511,1512,1515],{"class":497,"line":814},[495,1513,1514],{"class":505},"}",[495,1516,779],{"class":509},[495,1518,1519],{"class":497,"line":823},[495,1520,757],{"emptyLinePlaceholder":756},[495,1522,1523,1525,1527,1530,1532,1535,1537,1540,1542,1545,1547,1550,1553,1555],{"class":497,"line":832},[495,1524,762],{"class":564},[495,1526,506],{"class":505},[495,1528,1529],{"class":509}," helper",[495,1531,1415],{"class":505},[495,1533,1534],{"class":509}," innerAngle",[495,1536,1415],{"class":505},[495,1538,1539],{"class":509}," outerAngle",[495,1541,1415],{"class":505},[495,1543,1544],{"class":509}," outerGain ",[495,1546,1514],{"class":505},[495,1548,1549],{"class":505}," =",[495,1551,1552],{"class":770}," useControls",[495,1554,774],{"class":509},[495,1556,1557],{"class":505},"{\n",[495,1559,1560,1563,1566,1570],{"class":497,"line":893},[495,1561,1562],{"class":548},"  helper",[495,1564,1565],{"class":505},":",[495,1567,1569],{"class":1568},"sfNiH"," true",[495,1571,1572],{"class":505},",\n",[495,1574,1575,1578,1580],{"class":497,"line":903},[495,1576,1577],{"class":548},"  innerAngle",[495,1579,1565],{"class":505},[495,1581,1491],{"class":505},[495,1583,1584,1587,1589,1591,1594,1597],{"class":497,"line":914},[495,1585,1586],{"class":548},"    label",[495,1588,1565],{"class":505},[495,1590,519],{"class":505},[495,1592,1593],{"class":522},"innerAngle",[495,1595,1596],{"class":505},"'",[495,1598,1572],{"class":505},[495,1600,1601,1604,1606,1609],{"class":497,"line":683},[495,1602,1603],{"class":548},"    value",[495,1605,1565],{"class":505},[495,1607,1608],{"class":597}," 195",[495,1610,1572],{"class":505},[495,1612,1613,1616,1618,1621],{"class":497,"line":684},[495,1614,1615],{"class":548},"    min",[495,1617,1565],{"class":505},[495,1619,1620],{"class":597}," 0",[495,1622,1572],{"class":505},[495,1624,1625,1628,1630,1633],{"class":497,"line":956},[495,1626,1627],{"class":548},"    max",[495,1629,1565],{"class":505},[495,1631,1632],{"class":597}," 360",[495,1634,1572],{"class":505},[495,1636,1637,1640,1642,1645],{"class":497,"line":962},[495,1638,1639],{"class":548},"    step",[495,1641,1565],{"class":505},[495,1643,1644],{"class":597}," 1",[495,1646,1572],{"class":505},[495,1648,1649],{"class":497,"line":972},[495,1650,1651],{"class":505},"  },\n",[495,1653,1654,1657,1659],{"class":497,"line":982},[495,1655,1656],{"class":548},"  outerAngle",[495,1658,1565],{"class":505},[495,1660,1491],{"class":505},[495,1662,1663,1665,1667,1669,1672,1674],{"class":497,"line":1018},[495,1664,1586],{"class":548},[495,1666,1565],{"class":505},[495,1668,519],{"class":505},[495,1670,1671],{"class":522},"outerAngle",[495,1673,1596],{"class":505},[495,1675,1572],{"class":505},[495,1677,1678,1680,1682,1685],{"class":497,"line":1027},[495,1679,1603],{"class":548},[495,1681,1565],{"class":505},[495,1683,1684],{"class":597}," 260",[495,1686,1572],{"class":505},[495,1688,1690,1692,1694,1696],{"class":497,"line":1689},23,[495,1691,1615],{"class":548},[495,1693,1565],{"class":505},[495,1695,1620],{"class":597},[495,1697,1572],{"class":505},[495,1699,1701,1703,1705,1707],{"class":497,"line":1700},24,[495,1702,1627],{"class":548},[495,1704,1565],{"class":505},[495,1706,1632],{"class":597},[495,1708,1572],{"class":505},[495,1710,1712,1714,1716,1718],{"class":497,"line":1711},25,[495,1713,1639],{"class":548},[495,1715,1565],{"class":505},[495,1717,1644],{"class":597},[495,1719,1572],{"class":505},[495,1721,1723],{"class":497,"line":1722},26,[495,1724,1651],{"class":505},[495,1726,1728,1731,1733],{"class":497,"line":1727},27,[495,1729,1730],{"class":548},"  outerGain",[495,1732,1565],{"class":505},[495,1734,1491],{"class":505},[495,1736,1738,1740,1742,1744,1747,1749],{"class":497,"line":1737},28,[495,1739,1586],{"class":548},[495,1741,1565],{"class":505},[495,1743,519],{"class":505},[495,1745,1746],{"class":522},"outerGain",[495,1748,1596],{"class":505},[495,1750,1572],{"class":505},[495,1752,1754,1756,1758,1761],{"class":497,"line":1753},29,[495,1755,1603],{"class":548},[495,1757,1565],{"class":505},[495,1759,1760],{"class":597}," 0.3",[495,1762,1572],{"class":505},[495,1764,1766,1768,1770,1772],{"class":497,"line":1765},30,[495,1767,1615],{"class":548},[495,1769,1565],{"class":505},[495,1771,1620],{"class":597},[495,1773,1572],{"class":505},[495,1775,1777,1779,1781,1783],{"class":497,"line":1776},31,[495,1778,1627],{"class":548},[495,1780,1565],{"class":505},[495,1782,1644],{"class":597},[495,1784,1572],{"class":505},[495,1786,1788,1790,1792,1795],{"class":497,"line":1787},32,[495,1789,1639],{"class":548},[495,1791,1565],{"class":505},[495,1793,1794],{"class":597}," 0.01",[495,1796,1572],{"class":505},[495,1798,1800],{"class":497,"line":1799},33,[495,1801,1651],{"class":505},[495,1803,1805,1807],{"class":497,"line":1804},34,[495,1806,1514],{"class":505},[495,1808,779],{"class":509},[495,1810,1812,1814,1816],{"class":497,"line":1811},35,[495,1813,647],{"class":505},[495,1815,693],{"class":548},[495,1817,552],{"class":505},[495,1819,1821],{"class":497,"line":1820},36,[495,1822,757],{"emptyLinePlaceholder":756},[495,1824,1826,1828,1830],{"class":497,"line":1825},37,[495,1827,545],{"class":505},[495,1829,549],{"class":548},[495,1831,552],{"class":505},[495,1833,1835,1837,1839],{"class":497,"line":1834},38,[495,1836,558],{"class":505},[495,1838,561],{"class":548},[495,1840,552],{"class":505},[495,1842,1844,1846,1848,1850,1852,1854,1856,1858,1860,1862,1864,1866,1868,1870,1872],{"class":497,"line":1843},39,[495,1845,576],{"class":505},[495,1847,197],{"class":548},[495,1849,582],{"class":505},[495,1851,585],{"class":564},[495,1853,588],{"class":505},[495,1855,591],{"class":505},[495,1857,594],{"class":505},[495,1859,604],{"class":597},[495,1861,601],{"class":505},[495,1863,604],{"class":597},[495,1865,601],{"class":505},[495,1867,604],{"class":597},[495,1869,617],{"class":505},[495,1871,591],{"class":505},[495,1873,552],{"class":505},[495,1875,1877,1879,1882],{"class":497,"line":1876},40,[495,1878,906],{"class":505},[495,1880,1881],{"class":548},"TresMeshNormalMaterial",[495,1883,622],{"class":505},[495,1885,1887,1889,1892],{"class":497,"line":1886},41,[495,1888,906],{"class":505},[495,1890,1891],{"class":548},"Suspense",[495,1893,552],{"class":505},[495,1895,1897,1900],{"class":497,"line":1896},42,[495,1898,1899],{"class":505},"        \u003C",[495,1901,1902],{"class":548},"PositionalAudio\n",[495,1904,1906,1909,1911,1913,1916],{"class":497,"line":1905},43,[495,1907,1908],{"class":564},"          ref",[495,1910,588],{"class":505},[495,1912,591],{"class":505},[495,1914,1915],{"class":522},"positionalAudioRef",[495,1917,937],{"class":505},[495,1919,1921,1924,1926,1928,1931],{"class":497,"line":1920},44,[495,1922,1923],{"class":564},"          url",[495,1925,588],{"class":505},[495,1927,591],{"class":505},[495,1929,1930],{"class":522},"your-sound.mp3",[495,1932,937],{"class":505},[495,1934,1936,1939,1942,1944,1946,1948,1950,1952],{"class":497,"line":1935},45,[495,1937,1938],{"class":505},"          :",[495,1940,1941],{"class":564},"inner-angle",[495,1943,588],{"class":505},[495,1945,591],{"class":505},[495,1947,1593],{"class":509},[495,1949,1142],{"class":505},[495,1951,1335],{"class":509},[495,1953,937],{"class":505},[495,1955,1957,1959,1962,1964,1966,1968,1970,1972],{"class":497,"line":1956},46,[495,1958,1938],{"class":505},[495,1960,1961],{"class":564},"outer-angle",[495,1963,588],{"class":505},[495,1965,591],{"class":505},[495,1967,1671],{"class":509},[495,1969,1142],{"class":505},[495,1971,1335],{"class":509},[495,1973,937],{"class":505},[495,1975,1977,1979,1982,1984,1986,1988,1990,1992],{"class":497,"line":1976},47,[495,1978,1938],{"class":505},[495,1980,1981],{"class":564},"outer-gain",[495,1983,588],{"class":505},[495,1985,591],{"class":505},[495,1987,1746],{"class":509},[495,1989,1142],{"class":505},[495,1991,1335],{"class":509},[495,1993,937],{"class":505},[495,1995,1997,1999,2002,2004,2006,2008,2010,2012],{"class":497,"line":1996},48,[495,1998,1938],{"class":505},[495,2000,2001],{"class":564},"helper",[495,2003,588],{"class":505},[495,2005,591],{"class":505},[495,2007,2001],{"class":509},[495,2009,1142],{"class":505},[495,2011,1335],{"class":509},[495,2013,937],{"class":505},[495,2015,2017],{"class":497,"line":2016},49,[495,2018,2019],{"class":505},"        />\n",[495,2021,2023,2026,2028],{"class":497,"line":2022},50,[495,2024,2025],{"class":505},"      \u003C/",[495,2027,1891],{"class":548},[495,2029,552],{"class":505},[495,2031,2033,2035,2037],{"class":497,"line":2032},51,[495,2034,965],{"class":505},[495,2036,197],{"class":548},[495,2038,552],{"class":505},[495,2040,2042,2044,2046],{"class":497,"line":2041},52,[495,2043,637],{"class":505},[495,2045,561],{"class":548},[495,2047,552],{"class":505},[495,2049,2051,2053,2055],{"class":497,"line":2050},53,[495,2052,647],{"class":505},[495,2054,549],{"class":548},[495,2056,552],{"class":505},[2058,2059,2060],"style",{},"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 .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .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 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}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}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":490,"searchDepth":498,"depth":555,"links":2062},[2063],{"id":478,"depth":555,"text":479,"children":2064},[2065,2066,2067],{"id":670,"depth":573,"text":671},{"id":1044,"depth":573,"text":1045},{"id":1270,"depth":573,"text":1271},"Learn how you can start to use cientos in your projects","md",null,{},{"title":15,"description":2068},"KIundE7aJNfeTvO97wv_XH3V_9C1gyp4DUfPbFjANIw",[2075,2077],{"title":11,"path":12,"stem":13,"description":2076,"children":-1},"Get started with cientos",{"title":19,"path":20,"stem":21,"description":2078,"children":-1},"Migration guide for cientos",1776202090620]