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