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