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