[{"data":1,"prerenderedAt":1964},["ShallowReactive",2],{"navigation":3,"/getting-started/usage":478,"/getting-started/usage-surround":1959},[4,22],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":19,"path":20,"stem":21},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/4.upgrade-guide",{"title":23,"path":24,"stem":25,"children":26},"Api","/api","2.api",[27,30,84,114,156,194,288,314,348,398,444],{"title":28,"path":24,"stem":29},"All","2.api/index",{"title":31,"path":32,"stem":33,"children":34},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[35,36,40,44,48,52,56,60,64,68,72,76,80],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":41,"path":42,"stem":43},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":45,"path":46,"stem":47},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":49,"path":50,"stem":51},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":53,"path":54,"stem":55},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":57,"path":58,"stem":59},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":61,"path":62,"stem":63},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":65,"path":66,"stem":67},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":69,"path":70,"stem":71},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":73,"path":74,"stem":75},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":77,"path":78,"stem":79},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":81,"path":82,"stem":83},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":85,"path":86,"stem":87,"children":88},"Controls","/api/controls","2.api/2.controls/index",[89,90,94,98,102,106,110],{"title":85,"path":86,"stem":87},{"title":91,"path":92,"stem":93},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":95,"path":96,"stem":97},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":99,"path":100,"stem":101},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":103,"path":104,"stem":105},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":107,"path":108,"stem":109},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":111,"path":112,"stem":113},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":115,"path":116,"stem":117,"children":118},"Loaders","/api/loaders","2.api/3.loaders/index",[119,120,124,128,132,136,140,144,148,152],{"title":115,"path":116,"stem":117},{"title":121,"path":122,"stem":123},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":125,"path":126,"stem":127},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":129,"path":130,"stem":131},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":133,"path":134,"stem":135},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":137,"path":138,"stem":139},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":141,"path":142,"stem":143},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":145,"path":146,"stem":147},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":149,"path":150,"stem":151},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":153,"path":154,"stem":155},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":157,"path":158,"stem":159,"children":160},"Materials","/api/materials","2.api/4.materials/index",[161,162,166,170,174,178,182,186,190],{"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},"Mesh Transmission Material","/api/materials/mesh-transmission-material","2.api/4.materials/mesh-transmission-material",{"title":187,"path":188,"stem":189},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":191,"path":192,"stem":193},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":195,"path":196,"stem":197,"children":198},"Shapes","/api/shapes","2.api/5.shapes/index",[199,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284],{"title":195,"path":196,"stem":197},{"title":201,"path":202,"stem":203},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":205,"path":206,"stem":207},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":209,"path":210,"stem":211},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":213,"path":214,"stem":215},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":217,"path":218,"stem":219},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":221,"path":222,"stem":223},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":225,"path":226,"stem":227},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":229,"path":230,"stem":231},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":233,"path":234,"stem":235},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":237,"path":238,"stem":239},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":241,"path":242,"stem":243},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":245,"path":246,"stem":247},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":249,"path":250,"stem":251},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":253,"path":254,"stem":255},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":257,"path":258,"stem":259},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":261,"path":262,"stem":263},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":265,"path":266,"stem":267},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":269,"path":270,"stem":271},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":273,"path":274,"stem":275},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":277,"path":278,"stem":279},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":281,"path":282,"stem":283},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":285,"path":286,"stem":287},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":289,"path":290,"stem":291,"children":292},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[293,294,298,302,306,310],{"title":289,"path":290,"stem":291},{"title":295,"path":296,"stem":297},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":299,"path":300,"stem":301},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":303,"path":304,"stem":305},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":307,"path":308,"stem":309},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":311,"path":312,"stem":313},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":315,"path":316,"stem":317,"children":318},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[319,320,324,328,332,336,340,344],{"title":315,"path":316,"stem":317},{"title":321,"path":322,"stem":323},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":325,"path":326,"stem":327},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":329,"path":330,"stem":331},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":333,"path":334,"stem":335},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":337,"path":338,"stem":339},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":341,"path":342,"stem":343},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":345,"path":346,"stem":347},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":349,"path":350,"stem":351,"children":352},"Staging","/api/staging","2.api/8.staging/index",[353,354,358,362,366,370,374,378,382,386,390,394],{"title":349,"path":350,"stem":351},{"title":355,"path":356,"stem":357},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":359,"path":360,"stem":361},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":363,"path":364,"stem":365},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":367,"path":368,"stem":369},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":371,"path":372,"stem":373},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":375,"path":376,"stem":377},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":379,"path":380,"stem":381},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":383,"path":384,"stem":385},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":387,"path":388,"stem":389},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":391,"path":392,"stem":393},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":395,"path":396,"stem":397},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":399,"path":400,"stem":401,"children":402},"Objects","/api/objects","2.api/9.objects/index",[403,404,408,412,416,420,424,428,432,436,440],{"title":399,"path":400,"stem":401},{"title":405,"path":406,"stem":407},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":409,"path":410,"stem":411},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":413,"path":414,"stem":415},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":417,"path":418,"stem":419},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":421,"path":422,"stem":423},"HTML","/api/objects/html","2.api/9.objects/html",{"title":425,"path":426,"stem":427},"Image","/api/objects/image","2.api/9.objects/image",{"title":429,"path":430,"stem":431},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":433,"path":434,"stem":435},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":437,"path":438,"stem":439},"Text","/api/objects/text","2.api/9.objects/text",{"title":441,"path":442,"stem":443},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":445,"path":446,"stem":447,"children":448},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[449,450,454,458,462,466,470,474],{"title":445,"path":446,"stem":447},{"title":451,"path":452,"stem":453},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":455,"path":456,"stem":457},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":459,"path":460,"stem":461},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":463,"path":464,"stem":465},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":467,"path":468,"stem":469},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":471,"path":472,"stem":473},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":475,"path":476,"stem":477},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":479,"title":15,"body":480,"description":1953,"extension":1954,"links":1955,"meta":1956,"navigation":738,"path":16,"seo":1957,"stem":17,"__hash__":1958},"docs/1.getting-started/3.usage.md",{"type":481,"value":482,"toc":1946},"minimark",[483,488,492,535,542,634,649,654,661,972,980,984,994,1187,1191,1198,1303,1306,1942],[484,485,487],"h2",{"id":486},"basic-usage","Basic Usage",[489,490,491],"p",{},"All instances of cientos provide one (or many) examples of how to use it, similar to this one:",[493,494,499],"pre",{"className":495,"code":496,"language":497,"meta":498,"style":498},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { OrbitControls } from '@tresjs/cientos'\n","js","",[500,501,502],"code",{"__ignoreMap":498},[503,504,507,511,515,519,522,525,528,532],"span",{"class":505,"line":506},"line",1,[503,508,510],{"class":509},"s7zQu","import",[503,512,514],{"class":513},"sMK4o"," {",[503,516,518],{"class":517},"sTEyZ"," OrbitControls",[503,520,521],{"class":513}," }",[503,523,524],{"class":509}," from",[503,526,527],{"class":513}," '",[503,529,531],{"class":530},"sfazB","@tresjs/cientos",[503,533,534],{"class":513},"'\n",[489,536,537,538,541],{},"Now you can use the ",[500,539,540],{},"OrbitControls"," component in your scene.",[493,543,547],{"className":544,"code":545,"language":546,"meta":498,"style":498},"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",[500,548,549,561,579,605,614,624],{"__ignoreMap":498},[503,550,551,554,558],{"class":505,"line":506},[503,552,553],{"class":513},"\u003C",[503,555,557],{"class":556},"swJcz","template",[503,559,560],{"class":513},">\n",[503,562,564,567,570,574,577],{"class":505,"line":563},2,[503,565,566],{"class":513},"  \u003C",[503,568,569],{"class":556},"TresCanvas",[503,571,573],{"class":572},"spNyl"," shadows",[503,575,576],{"class":572}," alpha",[503,578,560],{"class":513},[503,580,582,585,588,591,594,597,600,602],{"class":505,"line":581},3,[503,583,584],{"class":513},"    \u003C",[503,586,587],{"class":556},"TresPerspectiveCamera",[503,589,590],{"class":572}," :args",[503,592,593],{"class":513},"=",[503,595,596],{"class":513},"\"",[503,598,599],{"class":530},"[45, 1, 0.1, 1000]",[503,601,596],{"class":513},[503,603,604],{"class":513}," />\n",[503,606,608,610,612],{"class":505,"line":607},4,[503,609,584],{"class":513},[503,611,540],{"class":556},[503,613,604],{"class":513},[503,615,617,620,622],{"class":505,"line":616},5,[503,618,619],{"class":513},"  \u003C/",[503,621,569],{"class":556},[503,623,560],{"class":513},[503,625,627,630,632],{"class":505,"line":626},6,[503,628,629],{"class":513},"\u003C/",[503,631,557],{"class":556},[503,633,560],{"class":513},[635,636,637],"prose-note",{},[489,638,639,640,644,645,648],{},"Note that you don’t need to include the ",[641,642,643],"strong",{},"Tres"," prefix (for example, ",[500,646,647],{},"\u003CTresOrbitControl />",") to use the component. All cientos components have the same name as their three-stdlib counterpart.",[650,651,653],"h3",{"id":652},"props","Props",[489,655,656,657,660],{},"All the props are listed with their respective instance and in case it is not specified all the props are ",[641,658,659],{},"reactive",", for example:",[493,662,667],{"className":544,"code":663,"highlights":664,"language":546,"meta":498,"style":498},"\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",[581,665,666],15,16,[500,668,669,693,713,734,740,764,782,791,796,805,814,847,857,868,876,892,907,913,923,933,954,963],{"__ignoreMap":498},[503,670,671,673,676,679,682,684,686,689,691],{"class":505,"line":506},[503,672,553],{"class":513},[503,674,675],{"class":556},"script",[503,677,678],{"class":572}," setup",[503,680,681],{"class":572}," lang",[503,683,593],{"class":513},[503,685,596],{"class":513},[503,687,688],{"class":530},"ts",[503,690,596],{"class":513},[503,692,560],{"class":513},[503,694,695,697,699,702,704,706,708,711],{"class":505,"line":563},[503,696,510],{"class":509},[503,698,514],{"class":513},[503,700,701],{"class":517}," TresCanvas",[503,703,521],{"class":513},[503,705,524],{"class":509},[503,707,527],{"class":513},[503,709,710],{"class":530},"@tresjs/core",[503,712,534],{"class":513},[503,714,717,719,721,724,726,728,730,732],{"class":715,"line":581},[505,716],"highlight",[503,718,510],{"class":509},[503,720,514],{"class":513},[503,722,723],{"class":517}," MeshWobbleMaterial",[503,725,521],{"class":513},[503,727,524],{"class":509},[503,729,527],{"class":513},[503,731,531],{"class":530},[503,733,534],{"class":513},[503,735,736],{"class":505,"line":607},[503,737,739],{"emptyLinePlaceholder":738},true,"\n",[503,741,742,745,748,750,754,757,761],{"class":505,"line":616},[503,743,744],{"class":572},"const",[503,746,747],{"class":517}," speed ",[503,749,593],{"class":513},[503,751,753],{"class":752},"s2Zo4"," ref",[503,755,756],{"class":517},"(",[503,758,760],{"class":759},"sbssI","0.1",[503,762,763],{"class":517},")\n",[503,765,766,768,771,773,775,777,780],{"class":505,"line":626},[503,767,744],{"class":572},[503,769,770],{"class":517}," factor ",[503,772,593],{"class":513},[503,774,753],{"class":752},[503,776,756],{"class":517},[503,778,779],{"class":759},"0.6",[503,781,763],{"class":517},[503,783,785,787,789],{"class":505,"line":784},7,[503,786,629],{"class":513},[503,788,675],{"class":556},[503,790,560],{"class":513},[503,792,794],{"class":505,"line":793},8,[503,795,739],{"emptyLinePlaceholder":738},[503,797,799,801,803],{"class":505,"line":798},9,[503,800,553],{"class":513},[503,802,557],{"class":556},[503,804,560],{"class":513},[503,806,808,810,812],{"class":505,"line":807},10,[503,809,566],{"class":513},[503,811,569],{"class":556},[503,813,560],{"class":513},[503,815,817,819,821,824,826,828,831,833,836,838,840,843,845],{"class":505,"line":816},11,[503,818,584],{"class":513},[503,820,587],{"class":556},[503,822,823],{"class":572}," :position",[503,825,593],{"class":513},[503,827,596],{"class":513},[503,829,830],{"class":530},"[3, 3, 3]",[503,832,596],{"class":513},[503,834,835],{"class":572}," :look-at",[503,837,593],{"class":513},[503,839,596],{"class":513},[503,841,842],{"class":530},"[0, 0, 0]",[503,844,596],{"class":513},[503,846,604],{"class":513},[503,848,850,852,855],{"class":505,"line":849},12,[503,851,584],{"class":513},[503,853,854],{"class":556},"TresMesh",[503,856,560],{"class":513},[503,858,860,863,866],{"class":505,"line":859},13,[503,861,862],{"class":513},"      \u003C",[503,864,865],{"class":556},"TresTorusGeometry",[503,867,604],{"class":513},[503,869,871,873],{"class":505,"line":870},14,[503,872,862],{"class":513},[503,874,875],{"class":556},"MeshWobbleMaterial\n",[503,877,879,882,884,886,889],{"class":878,"line":665},[505,716],[503,880,881],{"class":572},"        :speed",[503,883,593],{"class":513},[503,885,596],{"class":513},[503,887,888],{"class":530},"speed",[503,890,891],{"class":513},"\"\n",[503,893,895,898,900,902,905],{"class":894,"line":666},[505,716],[503,896,897],{"class":572},"        :factor",[503,899,593],{"class":513},[503,901,596],{"class":513},[503,903,904],{"class":530},"factor",[503,906,891],{"class":513},[503,908,910],{"class":505,"line":909},17,[503,911,912],{"class":513},"      />\n",[503,914,916,919,921],{"class":505,"line":915},18,[503,917,918],{"class":513},"    \u003C/",[503,920,854],{"class":556},[503,922,560],{"class":513},[503,924,926,928,931],{"class":505,"line":925},19,[503,927,584],{"class":513},[503,929,930],{"class":556},"TresAmbientLight",[503,932,604],{"class":513},[503,934,936,938,941,943,945,947,950,952],{"class":505,"line":935},20,[503,937,584],{"class":513},[503,939,940],{"class":556},"TresDirectionalLight",[503,942,823],{"class":572},[503,944,593],{"class":513},[503,946,596],{"class":513},[503,948,949],{"class":530},"[0, 2, 4]",[503,951,596],{"class":513},[503,953,604],{"class":513},[503,955,957,959,961],{"class":505,"line":956},21,[503,958,619],{"class":513},[503,960,569],{"class":556},[503,962,560],{"class":513},[503,964,966,968,970],{"class":505,"line":965},22,[503,967,629],{"class":513},[503,969,557],{"class":556},[503,971,560],{"class":513},[635,973,974],{},[489,975,976,977,979],{},"All the props and properties are ",[641,978,659],{}," unless the docs of the instance says the contrary.",[650,981,983],{"id":982},"events","Events",[489,985,986,987,660],{},"Some instances fire events which you can listen to as you normally would do using Vue ",[988,989,993],"a",{"href":990,"rel":991},"https://vuejs.org/guide/components/events.html#emitting-and-listening-to-events",[992],"nofollow","emits",[493,995,998],{"className":544,"code":996,"highlights":997,"language":546,"meta":498,"style":498},"\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",[581,616,816],[500,999,1000,1010,1028,1048,1052,1091,1099,1103,1111,1119,1138,1171,1179],{"__ignoreMap":498},[503,1001,1002,1004,1006,1008],{"class":505,"line":506},[503,1003,553],{"class":513},[503,1005,675],{"class":556},[503,1007,678],{"class":572},[503,1009,560],{"class":513},[503,1011,1012,1014,1016,1018,1020,1022,1024,1026],{"class":505,"line":563},[503,1013,510],{"class":509},[503,1015,514],{"class":513},[503,1017,701],{"class":517},[503,1019,521],{"class":513},[503,1021,524],{"class":509},[503,1023,527],{"class":513},[503,1025,710],{"class":530},[503,1027,534],{"class":513},[503,1029,1031,1033,1035,1038,1040,1042,1044,1046],{"class":1030,"line":581},[505,716],[503,1032,510],{"class":509},[503,1034,514],{"class":513},[503,1036,1037],{"class":517}," GlobalAudio",[503,1039,521],{"class":513},[503,1041,524],{"class":509},[503,1043,527],{"class":513},[503,1045,531],{"class":530},[503,1047,534],{"class":513},[503,1049,1050],{"class":505,"line":607},[503,1051,739],{"emptyLinePlaceholder":738},[503,1053,1055,1057,1060,1062,1065,1069,1072,1075,1078,1081,1084,1087],{"class":1054,"line":616},[505,716],[503,1056,744],{"class":572},[503,1058,1059],{"class":517}," onPlay ",[503,1061,593],{"class":513},[503,1063,1064],{"class":513}," (",[503,1066,1068],{"class":1067},"sHdIc","e",[503,1070,1071],{"class":513},")",[503,1073,1074],{"class":572}," =>",[503,1076,1077],{"class":517}," console",[503,1079,1080],{"class":513},".",[503,1082,1083],{"class":752},"log",[503,1085,1086],{"class":517},"(e) ",[503,1088,1090],{"class":1089},"sHwdD","// will trigger when the event change state\n",[503,1092,1093,1095,1097],{"class":505,"line":626},[503,1094,629],{"class":513},[503,1096,675],{"class":556},[503,1098,560],{"class":513},[503,1100,1101],{"class":505,"line":784},[503,1102,739],{"emptyLinePlaceholder":738},[503,1104,1105,1107,1109],{"class":505,"line":793},[503,1106,553],{"class":513},[503,1108,557],{"class":556},[503,1110,560],{"class":513},[503,1112,1113,1115,1117],{"class":505,"line":798},[503,1114,566],{"class":513},[503,1116,569],{"class":556},[503,1118,560],{"class":513},[503,1120,1121,1123,1125,1127,1129,1131,1134,1136],{"class":505,"line":807},[503,1122,584],{"class":513},[503,1124,587],{"class":556},[503,1126,823],{"class":572},[503,1128,593],{"class":513},[503,1130,596],{"class":513},[503,1132,1133],{"class":530},"[0, 0, 7.5]",[503,1135,596],{"class":513},[503,1137,604],{"class":513},[503,1139,1141,1143,1145,1148,1150,1152,1155,1157,1160,1162,1164,1167,1169],{"class":1140,"line":816},[505,716],[503,1142,584],{"class":513},[503,1144,455],{"class":556},[503,1146,1147],{"class":572}," :src",[503,1149,593],{"class":513},[503,1151,596],{"class":513},[503,1153,1154],{"class":530},"exampleAudio",[503,1156,596],{"class":513},[503,1158,1159],{"class":572}," @is-playing",[503,1161,593],{"class":513},[503,1163,596],{"class":513},[503,1165,1166],{"class":530},"onPlay",[503,1168,596],{"class":513},[503,1170,604],{"class":513},[503,1172,1173,1175,1177],{"class":505,"line":849},[503,1174,619],{"class":513},[503,1176,569],{"class":556},[503,1178,560],{"class":513},[503,1180,1181,1183,1185],{"class":505,"line":859},[503,1182,629],{"class":513},[503,1184,557],{"class":556},[503,1186,560],{"class":513},[650,1188,1190],{"id":1189},"exposed-properties","Exposed properties",[489,1192,1193,1194,1197],{},"All instances expose a ",[500,1195,1196],{},"instance"," property by default which contains the base of its abstractions. For example:",[493,1199,1202],{"className":544,"code":1200,"highlights":1201,"language":546,"meta":498,"style":498},"\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",[563],[500,1203,1204,1214,1234,1238,1263,1267,1275,1295],{"__ignoreMap":498},[503,1205,1206,1208,1210,1212],{"class":505,"line":506},[503,1207,553],{"class":513},[503,1209,675],{"class":556},[503,1211,678],{"class":572},[503,1213,560],{"class":513},[503,1215,1217,1219,1222,1224,1227,1229,1232],{"class":1216,"line":563},[505,716],[503,1218,744],{"class":572},[503,1220,1221],{"class":517}," edgesRef ",[503,1223,593],{"class":513},[503,1225,1226],{"class":752}," shallowRef",[503,1228,756],{"class":517},[503,1230,1231],{"class":513},"null",[503,1233,763],{"class":517},[503,1235,1236],{"class":505,"line":581},[503,1237,739],{"emptyLinePlaceholder":738},[503,1239,1240,1243,1245,1247,1250,1252,1255,1257,1260],{"class":505,"line":607},[503,1241,1242],{"class":517},"console",[503,1244,1080],{"class":513},[503,1246,1083],{"class":752},[503,1248,1249],{"class":517},"(edgesRef",[503,1251,1080],{"class":513},[503,1253,1254],{"class":517},"value",[503,1256,1080],{"class":513},[503,1258,1259],{"class":517},"instance) ",[503,1261,1262],{"class":1089},"// Inheritance of [LineSegments](https://threejs.org/docs/#api/en/objects/LineSegments)\n",[503,1264,1265],{"class":505,"line":616},[503,1266,739],{"emptyLinePlaceholder":738},[503,1268,1269,1271,1273],{"class":505,"line":626},[503,1270,553],{"class":513},[503,1272,557],{"class":556},[503,1274,560],{"class":513},[503,1276,1277,1279,1282,1284,1286,1288,1291,1293],{"class":505,"line":784},[503,1278,584],{"class":513},[503,1280,53],{"class":1281},"sBMFI",[503,1283,753],{"class":572},[503,1285,593],{"class":513},[503,1287,596],{"class":513},[503,1289,1290],{"class":530},"edgesRef",[503,1292,596],{"class":513},[503,1294,604],{"class":513},[503,1296,1297,1299,1301],{"class":505,"line":793},[503,1298,629],{"class":513},[503,1300,557],{"class":556},[503,1302,560],{"class":513},[489,1304,1305],{},"Some instances expose more objects. For example Positional Audio:",[493,1307,1310],{"className":544,"code":1308,"highlights":1309,"language":546,"meta":498,"style":498},"\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",[563],[500,1311,1312,1322,1348,1371,1375,1392,1396,1411,1429,1436,1440,1477,1492,1501,1518,1530,1542,1554,1566,1571,1580,1595,1606,1617,1628,1639,1644,1654,1670,1682,1693,1704,1716,1721,1728,1737,1742,1751,1760,1780,1790,1800,1809,1824,1839,1854,1869,1884,1899,1905,1915,1924,1933],{"__ignoreMap":498},[503,1313,1314,1316,1318,1320],{"class":505,"line":506},[503,1315,553],{"class":513},[503,1317,675],{"class":556},[503,1319,678],{"class":572},[503,1321,560],{"class":513},[503,1323,1325,1327,1329,1332,1335,1338,1340,1342,1344,1346],{"class":1324,"line":563},[505,716],[503,1326,510],{"class":509},[503,1328,514],{"class":513},[503,1330,1331],{"class":517}," Box",[503,1333,1334],{"class":513},",",[503,1336,1337],{"class":517}," PositionalAudio",[503,1339,521],{"class":513},[503,1341,524],{"class":509},[503,1343,527],{"class":513},[503,1345,531],{"class":530},[503,1347,534],{"class":513},[503,1349,1350,1352,1354,1357,1359,1361,1363,1365,1367,1369],{"class":505,"line":581},[503,1351,510],{"class":509},[503,1353,514],{"class":513},[503,1355,1356],{"class":517}," onUnmounted",[503,1358,1334],{"class":513},[503,1360,1226],{"class":517},[503,1362,521],{"class":513},[503,1364,524],{"class":509},[503,1366,527],{"class":513},[503,1368,546],{"class":530},[503,1370,534],{"class":513},[503,1372,1373],{"class":505,"line":607},[503,1374,739],{"emptyLinePlaceholder":738},[503,1376,1377,1379,1382,1384,1386,1388,1390],{"class":505,"line":616},[503,1378,744],{"class":572},[503,1380,1381],{"class":517}," positionalAudioRef ",[503,1383,593],{"class":513},[503,1385,1226],{"class":752},[503,1387,756],{"class":517},[503,1389,1231],{"class":513},[503,1391,763],{"class":517},[503,1393,1394],{"class":505,"line":626},[503,1395,739],{"emptyLinePlaceholder":738},[503,1397,1398,1401,1403,1406,1408],{"class":505,"line":784},[503,1399,1400],{"class":752},"onUnmounted",[503,1402,756],{"class":517},[503,1404,1405],{"class":513},"()",[503,1407,1074],{"class":572},[503,1409,1410],{"class":513}," {\n",[503,1412,1413,1416,1419,1421,1423,1426],{"class":505,"line":793},[503,1414,1415],{"class":517},"  positionalAudioRef",[503,1417,1418],{"class":513},"?.",[503,1420,1254],{"class":517},[503,1422,1418],{"class":513},[503,1424,1425],{"class":752},"dispose",[503,1427,1428],{"class":556},"()\n",[503,1430,1431,1434],{"class":505,"line":798},[503,1432,1433],{"class":513},"}",[503,1435,763],{"class":517},[503,1437,1438],{"class":505,"line":807},[503,1439,739],{"emptyLinePlaceholder":738},[503,1441,1442,1444,1446,1449,1451,1454,1456,1459,1461,1464,1466,1469,1472,1474],{"class":505,"line":816},[503,1443,744],{"class":572},[503,1445,514],{"class":513},[503,1447,1448],{"class":517}," helper",[503,1450,1334],{"class":513},[503,1452,1453],{"class":517}," innerAngle",[503,1455,1334],{"class":513},[503,1457,1458],{"class":517}," outerAngle",[503,1460,1334],{"class":513},[503,1462,1463],{"class":517}," outerGain ",[503,1465,1433],{"class":513},[503,1467,1468],{"class":513}," =",[503,1470,1471],{"class":752}," useControls",[503,1473,756],{"class":517},[503,1475,1476],{"class":513},"{\n",[503,1478,1479,1482,1485,1489],{"class":505,"line":849},[503,1480,1481],{"class":556},"  helper",[503,1483,1484],{"class":513},":",[503,1486,1488],{"class":1487},"sfNiH"," true",[503,1490,1491],{"class":513},",\n",[503,1493,1494,1497,1499],{"class":505,"line":859},[503,1495,1496],{"class":556},"  innerAngle",[503,1498,1484],{"class":513},[503,1500,1410],{"class":513},[503,1502,1503,1506,1508,1510,1513,1516],{"class":505,"line":870},[503,1504,1505],{"class":556},"    label",[503,1507,1484],{"class":513},[503,1509,527],{"class":513},[503,1511,1512],{"class":530},"innerAngle",[503,1514,1515],{"class":513},"'",[503,1517,1491],{"class":513},[503,1519,1520,1523,1525,1528],{"class":505,"line":665},[503,1521,1522],{"class":556},"    value",[503,1524,1484],{"class":513},[503,1526,1527],{"class":759}," 195",[503,1529,1491],{"class":513},[503,1531,1532,1535,1537,1540],{"class":505,"line":666},[503,1533,1534],{"class":556},"    min",[503,1536,1484],{"class":513},[503,1538,1539],{"class":759}," 0",[503,1541,1491],{"class":513},[503,1543,1544,1547,1549,1552],{"class":505,"line":909},[503,1545,1546],{"class":556},"    max",[503,1548,1484],{"class":513},[503,1550,1551],{"class":759}," 360",[503,1553,1491],{"class":513},[503,1555,1556,1559,1561,1564],{"class":505,"line":915},[503,1557,1558],{"class":556},"    step",[503,1560,1484],{"class":513},[503,1562,1563],{"class":759}," 1",[503,1565,1491],{"class":513},[503,1567,1568],{"class":505,"line":925},[503,1569,1570],{"class":513},"  },\n",[503,1572,1573,1576,1578],{"class":505,"line":935},[503,1574,1575],{"class":556},"  outerAngle",[503,1577,1484],{"class":513},[503,1579,1410],{"class":513},[503,1581,1582,1584,1586,1588,1591,1593],{"class":505,"line":956},[503,1583,1505],{"class":556},[503,1585,1484],{"class":513},[503,1587,527],{"class":513},[503,1589,1590],{"class":530},"outerAngle",[503,1592,1515],{"class":513},[503,1594,1491],{"class":513},[503,1596,1597,1599,1601,1604],{"class":505,"line":965},[503,1598,1522],{"class":556},[503,1600,1484],{"class":513},[503,1602,1603],{"class":759}," 260",[503,1605,1491],{"class":513},[503,1607,1609,1611,1613,1615],{"class":505,"line":1608},23,[503,1610,1534],{"class":556},[503,1612,1484],{"class":513},[503,1614,1539],{"class":759},[503,1616,1491],{"class":513},[503,1618,1620,1622,1624,1626],{"class":505,"line":1619},24,[503,1621,1546],{"class":556},[503,1623,1484],{"class":513},[503,1625,1551],{"class":759},[503,1627,1491],{"class":513},[503,1629,1631,1633,1635,1637],{"class":505,"line":1630},25,[503,1632,1558],{"class":556},[503,1634,1484],{"class":513},[503,1636,1563],{"class":759},[503,1638,1491],{"class":513},[503,1640,1642],{"class":505,"line":1641},26,[503,1643,1570],{"class":513},[503,1645,1647,1650,1652],{"class":505,"line":1646},27,[503,1648,1649],{"class":556},"  outerGain",[503,1651,1484],{"class":513},[503,1653,1410],{"class":513},[503,1655,1657,1659,1661,1663,1666,1668],{"class":505,"line":1656},28,[503,1658,1505],{"class":556},[503,1660,1484],{"class":513},[503,1662,527],{"class":513},[503,1664,1665],{"class":530},"outerGain",[503,1667,1515],{"class":513},[503,1669,1491],{"class":513},[503,1671,1673,1675,1677,1680],{"class":505,"line":1672},29,[503,1674,1522],{"class":556},[503,1676,1484],{"class":513},[503,1678,1679],{"class":759}," 0.3",[503,1681,1491],{"class":513},[503,1683,1685,1687,1689,1691],{"class":505,"line":1684},30,[503,1686,1534],{"class":556},[503,1688,1484],{"class":513},[503,1690,1539],{"class":759},[503,1692,1491],{"class":513},[503,1694,1696,1698,1700,1702],{"class":505,"line":1695},31,[503,1697,1546],{"class":556},[503,1699,1484],{"class":513},[503,1701,1563],{"class":759},[503,1703,1491],{"class":513},[503,1705,1707,1709,1711,1714],{"class":505,"line":1706},32,[503,1708,1558],{"class":556},[503,1710,1484],{"class":513},[503,1712,1713],{"class":759}," 0.01",[503,1715,1491],{"class":513},[503,1717,1719],{"class":505,"line":1718},33,[503,1720,1570],{"class":513},[503,1722,1724,1726],{"class":505,"line":1723},34,[503,1725,1433],{"class":513},[503,1727,763],{"class":517},[503,1729,1731,1733,1735],{"class":505,"line":1730},35,[503,1732,629],{"class":513},[503,1734,675],{"class":556},[503,1736,560],{"class":513},[503,1738,1740],{"class":505,"line":1739},36,[503,1741,739],{"emptyLinePlaceholder":738},[503,1743,1745,1747,1749],{"class":505,"line":1744},37,[503,1746,553],{"class":513},[503,1748,557],{"class":556},[503,1750,560],{"class":513},[503,1752,1754,1756,1758],{"class":505,"line":1753},38,[503,1755,566],{"class":513},[503,1757,569],{"class":556},[503,1759,560],{"class":513},[503,1761,1763,1765,1767,1769,1771,1773,1776,1778],{"class":505,"line":1762},39,[503,1764,584],{"class":513},[503,1766,201],{"class":556},[503,1768,590],{"class":572},[503,1770,593],{"class":513},[503,1772,596],{"class":513},[503,1774,1775],{"class":530},"[1, 1, 1]",[503,1777,596],{"class":513},[503,1779,560],{"class":513},[503,1781,1783,1785,1788],{"class":505,"line":1782},40,[503,1784,862],{"class":513},[503,1786,1787],{"class":556},"TresMeshNormalMaterial",[503,1789,604],{"class":513},[503,1791,1793,1795,1798],{"class":505,"line":1792},41,[503,1794,862],{"class":513},[503,1796,1797],{"class":556},"Suspense",[503,1799,560],{"class":513},[503,1801,1803,1806],{"class":505,"line":1802},42,[503,1804,1805],{"class":513},"        \u003C",[503,1807,1808],{"class":556},"PositionalAudio\n",[503,1810,1812,1815,1817,1819,1822],{"class":505,"line":1811},43,[503,1813,1814],{"class":572},"          ref",[503,1816,593],{"class":513},[503,1818,596],{"class":513},[503,1820,1821],{"class":530},"positionalAudioRef",[503,1823,891],{"class":513},[503,1825,1827,1830,1832,1834,1837],{"class":505,"line":1826},44,[503,1828,1829],{"class":572},"          url",[503,1831,593],{"class":513},[503,1833,596],{"class":513},[503,1835,1836],{"class":530},"your-sound.mp3",[503,1838,891],{"class":513},[503,1840,1842,1845,1847,1849,1852],{"class":505,"line":1841},45,[503,1843,1844],{"class":572},"          :inner-angle",[503,1846,593],{"class":513},[503,1848,596],{"class":513},[503,1850,1851],{"class":530},"innerAngle.value",[503,1853,891],{"class":513},[503,1855,1857,1860,1862,1864,1867],{"class":505,"line":1856},46,[503,1858,1859],{"class":572},"          :outer-angle",[503,1861,593],{"class":513},[503,1863,596],{"class":513},[503,1865,1866],{"class":530},"outerAngle.value",[503,1868,891],{"class":513},[503,1870,1872,1875,1877,1879,1882],{"class":505,"line":1871},47,[503,1873,1874],{"class":572},"          :outer-gain",[503,1876,593],{"class":513},[503,1878,596],{"class":513},[503,1880,1881],{"class":530},"outerGain.value",[503,1883,891],{"class":513},[503,1885,1887,1890,1892,1894,1897],{"class":505,"line":1886},48,[503,1888,1889],{"class":572},"          :helper",[503,1891,593],{"class":513},[503,1893,596],{"class":513},[503,1895,1896],{"class":530},"helper.value",[503,1898,891],{"class":513},[503,1900,1902],{"class":505,"line":1901},49,[503,1903,1904],{"class":513},"        />\n",[503,1906,1908,1911,1913],{"class":505,"line":1907},50,[503,1909,1910],{"class":513},"      \u003C/",[503,1912,1797],{"class":556},[503,1914,560],{"class":513},[503,1916,1918,1920,1922],{"class":505,"line":1917},51,[503,1919,918],{"class":513},[503,1921,201],{"class":556},[503,1923,560],{"class":513},[503,1925,1927,1929,1931],{"class":505,"line":1926},52,[503,1928,619],{"class":513},[503,1930,569],{"class":556},[503,1932,560],{"class":513},[503,1934,1936,1938,1940],{"class":505,"line":1935},53,[503,1937,629],{"class":513},[503,1939,557],{"class":556},[503,1941,560],{"class":513},[1943,1944,1945],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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":498,"searchDepth":506,"depth":563,"links":1947},[1948],{"id":486,"depth":563,"text":487,"children":1949},[1950,1951,1952],{"id":652,"depth":581,"text":653},{"id":982,"depth":581,"text":983},{"id":1189,"depth":581,"text":1190},"Learn how you can start to use cientos in your projects","md",null,{},{"title":15,"description":1953},"HKdEq1DUPHqvgR28KPLFXEaB5KYfr5c7FCsJOcnlGRg",[1960,1962],{"title":11,"path":12,"stem":13,"description":1961,"children":-1},"Get started with cientos",{"title":19,"path":20,"stem":21,"description":1963,"children":-1},"Migration guide for cientos",1782052429049]