[{"data":1,"prerenderedAt":4591},["ShallowReactive",2],{"navigation":3,"/api/miscellaneous":498,"/api/miscellaneous-surround":523,"misc-list":528},[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":465,"body":500,"description":516,"extension":517,"links":518,"meta":519,"navigation":520,"path":466,"seo":521,"stem":467,"__hash__":522},"docs/2.api/miscellaneous/index.md",{"type":501,"value":502,"toc":511},"minimark",[503,507],[504,505,506],"p",{},"Utility components and composables for audio, animations, intersections, and more.",[508,509],"api-list",{"list-name":510},"misc-list",{"title":512,"searchDepth":513,"depth":514,"links":515},"",1,2,[],"Various utility components and composables","md",null,{},true,{"title":465,"description":516},"4eMaArcOfuKgECd4U-MWl3y1M65wxATYDIXn2bAcd9A",[524,526],{"title":461,"path":462,"stem":463,"description":525,"children":-1},"Render text in 3D using TextGeometry.",{"title":471,"path":472,"stem":473,"description":527,"children":-1},"Calculate boundary box and center camera accordingly.",[529,1202,1512,1902,3011,3668,4290],{"id":530,"title":471,"body":531,"description":527,"extension":517,"links":518,"meta":1199,"navigation":520,"path":472,"seo":1200,"stem":473,"__hash__":1201},"docs/2.api/miscellaneous/bounds.md",{"type":501,"value":532,"toc":1192},[533,539,547,580,584,1002,1006,1155,1158,1175,1180,1188],[534,535,536],"scene-wrapper",{},[537,538],"miscellaneous-bounds",{},[504,540,541,542,546],{},"Calculates a boundary box and centers the camera accordingly. Its ",[543,544,545],"code",{},"lookAt"," method accepts a target to look at imperatively e.g., after a click.",[548,549,550,553],"prose-note",{},[504,551,552],{},"If you are using other camera controls, be sure to make them the 'default'.",[554,555,559],"pre",{"className":556,"code":557,"language":558,"meta":512,"style":512},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003COrbitControls make-default />\n","vue",[543,560,561],{"__ignoreMap":512},[562,563,565,569,573,577],"span",{"class":564,"line":513},"line",[562,566,568],{"class":567},"sMK4o","\u003C",[562,570,572],{"class":571},"swJcz","OrbitControls",[562,574,576],{"class":575},"spNyl"," make-default",[562,578,579],{"class":567}," />\n",[581,582,15],"h2",{"id":583},"usage",[554,585,596],{"className":556,"code":586,"highlights":587,"language":558,"meta":512,"style":512},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Bounds, OrbitControls } from '@tresjs/cientos'\nimport { shallowRef } from 'vue'\n\nconst boundsRef = shallowRef()\nconst objectRef = shallowRef()\n\nfunction focusObject() {\n  boundsRef.value?.instance.lookAt(objectRef.value)\n}\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 2, 5]\" />\n    \u003COrbitControls make-default />\n    \u003CBounds ref=\"boundsRef\" clip use-mounted :offset=\"0.75\">\n      \u003CTresMesh ref=\"objectRef\" @click=\"(e) => focusObject()\">\n        \u003CTresBoxGeometry />\n        \u003CTresMeshNormalMaterial />\n      \u003C/TresMesh>\n    \u003C/Bounds>\n  \u003C/TresCanvas>\n\u003C/template>\n",[588,589,590,591,592,593,594,595],3,6,7,9,10,11,18,23,[543,597,598,626,654,682,702,708,725,739,744,759,794,800,810,815,825,836,859,870,909,942,953,963,973,983,993],{"__ignoreMap":512},[562,599,600,602,605,608,611,614,617,621,623],{"class":564,"line":513},[562,601,568],{"class":567},[562,603,604],{"class":571},"script",[562,606,607],{"class":575}," setup",[562,609,610],{"class":575}," lang",[562,612,613],{"class":567},"=",[562,615,616],{"class":567},"\"",[562,618,620],{"class":619},"sfazB","ts",[562,622,616],{"class":567},[562,624,625],{"class":567},">\n",[562,627,628,632,635,639,642,645,648,651],{"class":564,"line":514},[562,629,631],{"class":630},"s7zQu","import",[562,633,634],{"class":567}," {",[562,636,638],{"class":637},"sTEyZ"," TresCanvas",[562,640,641],{"class":567}," }",[562,643,644],{"class":630}," from",[562,646,647],{"class":567}," '",[562,649,650],{"class":619},"@tresjs/core",[562,652,653],{"class":567},"'\n",[562,655,658,660,662,665,668,671,673,675,677,680],{"class":656,"line":588},[564,657],"highlight",[562,659,631],{"class":630},[562,661,634],{"class":567},[562,663,664],{"class":637}," Bounds",[562,666,667],{"class":567},",",[562,669,670],{"class":637}," OrbitControls",[562,672,641],{"class":567},[562,674,644],{"class":630},[562,676,647],{"class":567},[562,678,679],{"class":619},"@tresjs/cientos",[562,681,653],{"class":567},[562,683,685,687,689,692,694,696,698,700],{"class":564,"line":684},4,[562,686,631],{"class":630},[562,688,634],{"class":567},[562,690,691],{"class":637}," shallowRef",[562,693,641],{"class":567},[562,695,644],{"class":630},[562,697,647],{"class":567},[562,699,558],{"class":619},[562,701,653],{"class":567},[562,703,705],{"class":564,"line":704},5,[562,706,707],{"emptyLinePlaceholder":520},"\n",[562,709,711,714,717,719,722],{"class":710,"line":589},[564,657],[562,712,713],{"class":575},"const",[562,715,716],{"class":637}," boundsRef ",[562,718,613],{"class":567},[562,720,691],{"class":721},"s2Zo4",[562,723,724],{"class":637},"()\n",[562,726,728,730,733,735,737],{"class":727,"line":590},[564,657],[562,729,713],{"class":575},[562,731,732],{"class":637}," objectRef ",[562,734,613],{"class":567},[562,736,691],{"class":721},[562,738,724],{"class":637},[562,740,742],{"class":564,"line":741},8,[562,743,707],{"emptyLinePlaceholder":520},[562,745,747,750,753,756],{"class":746,"line":591},[564,657],[562,748,749],{"class":575},"function",[562,751,752],{"class":721}," focusObject",[562,754,755],{"class":567},"()",[562,757,758],{"class":567}," {\n",[562,760,762,765,768,771,774,777,779,781,784,787,789,791],{"class":761,"line":592},[564,657],[562,763,764],{"class":637},"  boundsRef",[562,766,767],{"class":567},".",[562,769,770],{"class":637},"value",[562,772,773],{"class":567},"?.",[562,775,776],{"class":637},"instance",[562,778,767],{"class":567},[562,780,545],{"class":721},[562,782,783],{"class":571},"(",[562,785,786],{"class":637},"objectRef",[562,788,767],{"class":567},[562,790,770],{"class":637},[562,792,793],{"class":571},")\n",[562,795,797],{"class":796,"line":593},[564,657],[562,798,799],{"class":567},"}\n",[562,801,803,806,808],{"class":564,"line":802},12,[562,804,805],{"class":567},"\u003C/",[562,807,604],{"class":571},[562,809,625],{"class":567},[562,811,813],{"class":564,"line":812},13,[562,814,707],{"emptyLinePlaceholder":520},[562,816,818,820,823],{"class":564,"line":817},14,[562,819,568],{"class":567},[562,821,822],{"class":571},"template",[562,824,625],{"class":567},[562,826,828,831,834],{"class":564,"line":827},15,[562,829,830],{"class":567},"  \u003C",[562,832,833],{"class":571},"TresCanvas",[562,835,625],{"class":567},[562,837,839,842,845,848,850,852,855,857],{"class":564,"line":838},16,[562,840,841],{"class":567},"    \u003C",[562,843,844],{"class":571},"TresPerspectiveCamera",[562,846,847],{"class":575}," :position",[562,849,613],{"class":567},[562,851,616],{"class":567},[562,853,854],{"class":619},"[0, 2, 5]",[562,856,616],{"class":567},[562,858,579],{"class":567},[562,860,862,864,866,868],{"class":564,"line":861},17,[562,863,841],{"class":567},[562,865,572],{"class":571},[562,867,576],{"class":575},[562,869,579],{"class":567},[562,871,873,875,877,880,882,884,887,889,892,895,898,900,902,905,907],{"class":872,"line":594},[564,657],[562,874,841],{"class":567},[562,876,471],{"class":571},[562,878,879],{"class":575}," ref",[562,881,613],{"class":567},[562,883,616],{"class":567},[562,885,886],{"class":619},"boundsRef",[562,888,616],{"class":567},[562,890,891],{"class":575}," clip",[562,893,894],{"class":575}," use-mounted",[562,896,897],{"class":575}," :offset",[562,899,613],{"class":567},[562,901,616],{"class":567},[562,903,904],{"class":619},"0.75",[562,906,616],{"class":567},[562,908,625],{"class":567},[562,910,912,915,918,920,922,924,926,928,931,933,935,938,940],{"class":564,"line":911},19,[562,913,914],{"class":567},"      \u003C",[562,916,917],{"class":571},"TresMesh",[562,919,879],{"class":575},[562,921,613],{"class":567},[562,923,616],{"class":567},[562,925,786],{"class":619},[562,927,616],{"class":567},[562,929,930],{"class":575}," @click",[562,932,613],{"class":567},[562,934,616],{"class":567},[562,936,937],{"class":619},"(e) => focusObject()",[562,939,616],{"class":567},[562,941,625],{"class":567},[562,943,945,948,951],{"class":564,"line":944},20,[562,946,947],{"class":567},"        \u003C",[562,949,950],{"class":571},"TresBoxGeometry",[562,952,579],{"class":567},[562,954,956,958,961],{"class":564,"line":955},21,[562,957,947],{"class":567},[562,959,960],{"class":571},"TresMeshNormalMaterial",[562,962,579],{"class":567},[562,964,966,969,971],{"class":564,"line":965},22,[562,967,968],{"class":567},"      \u003C/",[562,970,917],{"class":571},[562,972,625],{"class":567},[562,974,976,979,981],{"class":975,"line":595},[564,657],[562,977,978],{"class":567},"    \u003C/",[562,980,471],{"class":571},[562,982,625],{"class":567},[562,984,986,989,991],{"class":564,"line":985},24,[562,987,988],{"class":567},"  \u003C/",[562,990,833],{"class":571},[562,992,625],{"class":567},[562,994,996,998,1000],{"class":564,"line":995},25,[562,997,805],{"class":567},[562,999,822],{"class":571},[562,1001,625],{"class":567},[581,1003,1005],{"id":1004},"props","Props",[1007,1008,1009,1026],"table",{},[1010,1011,1012],"thead",{},[1013,1014,1015,1020,1023],"tr",{},[1016,1017,1019],"th",{"align":1018},"left","Name",[1016,1021,1022],{"align":1018},"Description",[1016,1024,1025],{},"Default",[1027,1028,1029,1048,1073,1091,1111,1135],"tbody",{},[1013,1030,1031,1037,1043],{},[1032,1033,1034],"td",{"align":1018},[543,1035,1036],{},"duration",[1032,1038,1039,1040,1042],{"align":1018},"Duration of the ",[543,1041,545],{}," animation in seconds",[1032,1044,1045],{},[543,1046,1047],{},"1.0",[1013,1049,1050,1055,1068],{},[1032,1051,1052],{"align":1018},[543,1053,1054],{},"offset",[1032,1056,1057,1058,1060,1061,1064,1065],{"align":1018},"Additional distance from the target when using ",[543,1059,545],{}," with a ",[543,1062,1063],{},"Box3"," or ",[543,1066,1067],{},"Object3D",[1032,1069,1070],{},[543,1071,1072],{},"0.2",[1013,1074,1075,1080,1086],{},[1032,1076,1077],{"align":1018},[543,1078,1079],{},"useResize",[1032,1081,1082,1083,1085],{"align":1018},"Whether to re",[543,1084,545],{}," the last target when the screen is resized",[1032,1087,1088],{},[543,1089,1090],{},"false",[1013,1092,1093,1098,1107],{},[1032,1094,1095],{"align":1018},[543,1096,1097],{},"useMounted",[1032,1099,1100,1101,1103,1104,1106],{"align":1018},"Whether to ",[543,1102,545],{}," the ",[543,1105,471],{}," object when the component is mounts",[1032,1108,1109],{},[543,1110,1090],{},[1013,1112,1113,1118,1131],{},[1032,1114,1115],{"align":1018},[543,1116,1117],{},"clip",[1032,1119,1120,1121,1124,1125,1128,1129],{"align":1018},"Whether to adjust the camera's ",[543,1122,1123],{},"near"," and ",[543,1126,1127],{},"far"," settings when using ",[543,1130,545],{},[1032,1132,1133],{},[543,1134,1090],{},[1013,1136,1137,1142,1152],{},[1032,1138,1139],{"align":1018},[543,1140,1141],{},"easing",[1032,1143,1144,1145,1148,1149],{"align":1018},"Animation's easing function. ",[543,1146,1147],{},"t"," and the returned value should be in the interval ",[543,1150,1151],{},"[0, 1]",[1032,1153,1154],{},"Cubic ease out",[581,1156,545],{"id":1157},"lookat",[504,1159,1160,1163,1164,1166,1167,1169,1170,1064,1172,767],{},[543,1161,1162],{},"\u003CBounds />"," ",[543,1165,545],{}," points the camera at its first argument: an ",[543,1168,1067],{},", ",[543,1171,1063],{},[543,1173,1174],{},"Vector3",[1176,1177,1179],"h3",{"id":1178},"method-signatures","Method Signatures",[554,1181,1186],{"className":1182,"code":1184,"language":1185},[1183],"language-text","/**\n * Calculates a boundary box around an `Object3D` and centers the camera accordingly.\n */\nlookAt(object: Object3D): void\n\n/**\n * Calculates a boundary box around an `Object3D` and centers the camera accordingly and animates the camera's `up` vector.\n */\nlookAt(object: Object3D, up: VectorFlexibleParams): void\n\n/**\n * Centers the camera's viewport on a `Box3`.\n */\nlookAt(box3: Box3): void\n\n/**\n * Centers the camera's viewport on a `Box3` and animates the camera's `up` vector.\n */\nlookAt(box3: Box3, up: VectorFlexibleParams): void\n\n/**\n * Look at a `Vector3`.\n */\nlookAt(target: VectorFlexibleParams): void\n\n/**\n * Look at a `Vector3`, if provided. Move the camera to `position`.\n */\nlookAt(target: VectorFlexibleParams | undefined | null, position: VectorFlexibleParams): void\n\n/**\n * Look at a `Vector3`, if provided. Move the camera to `position` and animate the camera's `up` vector.\n */\nlookAt(target: VectorFlexibleParams | undefined | null, position: VectorFlexibleParams, up: VectorFlexibleParams): void\n\n/**\n * Rerun `lookAt` using the prior arguments. If `lookAt` has never been called, uses the `Bounds` object.\n */\nlookAt(): void\n","text",[543,1187,1184],{"__ignoreMap":512},[1189,1190,1191],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":512,"searchDepth":513,"depth":514,"links":1193},[1194,1195,1196],{"id":583,"depth":514,"text":15},{"id":1004,"depth":514,"text":1005},{"id":1157,"depth":514,"text":545,"children":1197},[1198],{"id":1178,"depth":588,"text":1179},{},{"title":471,"description":527},"hHyluEwt8akq_4Cca4tkdoVEZlteuogJu8G43SPaETs",{"id":1203,"title":475,"body":1204,"description":1508,"extension":517,"links":518,"meta":1509,"navigation":520,"path":476,"seo":1510,"stem":477,"__hash__":1511},"docs/2.api/miscellaneous/global-audio.md",{"type":501,"value":1205,"toc":1503},[1206,1217,1227,1229,1367,1374,1376,1473,1477,1500],[504,1207,1208,1209,1212,1213,1216],{},"The ",[543,1210,1211],{},"cientos"," package provides a ",[543,1214,1215],{},"\u003CGlobalAudio />"," component that serves to easily add a global sound to your scene.",[504,1218,1219,1220],{},"Reference: ",[1221,1222,1226],"a",{"href":1223,"rel":1224},"https://threejs.org/docs/index.html?q=audio#api/en/audio/Audio",[1225],"nofollow","Audio",[581,1228,15],{"id":583},[554,1230,1233],{"className":556,"code":1231,"highlights":1232,"language":558,"meta":512,"style":512},"\u003Cscript setup>\nimport { TresCanvas } from '@tresjs/core'\nimport { GlobalAudio } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 7.5]\" />\n    \u003CGlobalAudio :src=\"exampleAudio\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[588,591],[543,1234,1235,1245,1263,1283,1291,1295,1303,1311,1330,1351,1359],{"__ignoreMap":512},[562,1236,1237,1239,1241,1243],{"class":564,"line":513},[562,1238,568],{"class":567},[562,1240,604],{"class":571},[562,1242,607],{"class":575},[562,1244,625],{"class":567},[562,1246,1247,1249,1251,1253,1255,1257,1259,1261],{"class":564,"line":514},[562,1248,631],{"class":630},[562,1250,634],{"class":567},[562,1252,638],{"class":637},[562,1254,641],{"class":567},[562,1256,644],{"class":630},[562,1258,647],{"class":567},[562,1260,650],{"class":619},[562,1262,653],{"class":567},[562,1264,1266,1268,1270,1273,1275,1277,1279,1281],{"class":1265,"line":588},[564,657],[562,1267,631],{"class":630},[562,1269,634],{"class":567},[562,1271,1272],{"class":637}," GlobalAudio",[562,1274,641],{"class":567},[562,1276,644],{"class":630},[562,1278,647],{"class":567},[562,1280,679],{"class":619},[562,1282,653],{"class":567},[562,1284,1285,1287,1289],{"class":564,"line":684},[562,1286,805],{"class":567},[562,1288,604],{"class":571},[562,1290,625],{"class":567},[562,1292,1293],{"class":564,"line":704},[562,1294,707],{"emptyLinePlaceholder":520},[562,1296,1297,1299,1301],{"class":564,"line":589},[562,1298,568],{"class":567},[562,1300,822],{"class":571},[562,1302,625],{"class":567},[562,1304,1305,1307,1309],{"class":564,"line":590},[562,1306,830],{"class":567},[562,1308,833],{"class":571},[562,1310,625],{"class":567},[562,1312,1313,1315,1317,1319,1321,1323,1326,1328],{"class":564,"line":741},[562,1314,841],{"class":567},[562,1316,844],{"class":571},[562,1318,847],{"class":575},[562,1320,613],{"class":567},[562,1322,616],{"class":567},[562,1324,1325],{"class":619},"[0, 0, 7.5]",[562,1327,616],{"class":567},[562,1329,579],{"class":567},[562,1331,1333,1335,1337,1340,1342,1344,1347,1349],{"class":1332,"line":591},[564,657],[562,1334,841],{"class":567},[562,1336,475],{"class":571},[562,1338,1339],{"class":575}," :src",[562,1341,613],{"class":567},[562,1343,616],{"class":567},[562,1345,1346],{"class":619},"exampleAudio",[562,1348,616],{"class":567},[562,1350,579],{"class":567},[562,1352,1353,1355,1357],{"class":564,"line":592},[562,1354,988],{"class":567},[562,1356,833],{"class":571},[562,1358,625],{"class":567},[562,1360,1361,1363,1365],{"class":564,"line":593},[562,1362,805],{"class":567},[562,1364,822],{"class":571},[562,1366,625],{"class":567},[504,1368,1369,1370,1373],{},"*The ",[543,1371,1372],{},"src"," prop is required",[581,1375,1005],{"id":1004},[1007,1377,1378,1389],{},[1010,1379,1380],{},[1013,1381,1382,1385,1387],{},[1016,1383,1384],{"align":1018},"Prop",[1016,1386,1022],{"align":1018},[1016,1388,1025],{},[1027,1390,1391,1402,1417,1429,1443,1458],{},[1013,1392,1393,1397,1400],{},[1032,1394,1395],{"align":1018},[543,1396,1372],{},[1032,1398,1399],{"align":1018},"Path to your audio file",[1032,1401],{},[1013,1403,1404,1409,1412],{},[1032,1405,1406],{"align":1018},[543,1407,1408],{},"playTrigger",[1032,1410,1411],{"align":1018},"Id of the DOM element that triggers the play/pause state",[1032,1413,1414],{},[543,1415,1416],{},"renderer.domElement",[1013,1418,1419,1424,1427],{},[1032,1420,1421],{"align":1018},[543,1422,1423],{},"stopTrigger",[1032,1425,1426],{"align":1018},"Id of the DOM element that triggers the stop state",[1032,1428],{},[1013,1430,1431,1436,1439],{},[1032,1432,1433],{"align":1018},[543,1434,1435],{},"loop",[1032,1437,1438],{"align":1018},"If the audio must be replayed when ends",[1032,1440,1441],{},[543,1442,1090],{},[1013,1444,1445,1450,1453],{},[1032,1446,1447],{"align":1018},[543,1448,1449],{},"volume",[1032,1451,1452],{"align":1018},"Volume of the audio",[1032,1454,1455],{},[543,1456,1457],{},"0.5",[1013,1459,1460,1465,1468],{},[1032,1461,1462],{"align":1018},[543,1463,1464],{},"playbackRate",[1032,1466,1467],{"align":1018},"PlaybackRate of the audio",[1032,1469,1470],{},[543,1471,1472],{},"1",[581,1474,1476],{"id":1475},"events","Events",[1007,1478,1479,1488],{},[1010,1480,1481],{},[1013,1482,1483,1486],{},[1016,1484,1485],{"align":1018},"Event",[1016,1487,1022],{"align":1018},[1027,1489,1490],{},[1013,1491,1492,1497],{},[1032,1493,1494],{"align":1018},[543,1495,1496],{},"isPlaying",[1032,1498,1499],{"align":1018},"Dispatched when the Audio change its state (play, pause or stop)",[1189,1501,1502],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .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 .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);}",{"title":512,"searchDepth":513,"depth":514,"links":1504},[1505,1506,1507],{"id":583,"depth":514,"text":15},{"id":1004,"depth":514,"text":1005},{"id":1475,"depth":514,"text":1476},"Add global sound to your scene.",{},{"title":475,"description":1508},"3JUUNGnzyd_UYSpUOzquhfgUDt2njg-AUZ8wXPFhXKM",{"id":1513,"title":479,"body":1514,"description":1898,"extension":517,"links":518,"meta":1899,"navigation":520,"path":480,"seo":1900,"stem":481,"__hash__":1901},"docs/2.api/miscellaneous/mouse-parallax.md",{"type":501,"value":1515,"toc":1894},[1516,1522,1534,1536,1542,1551,1560,1566,1827,1829,1891],[1517,1518,1519],"scene-controls-wrapper",{},[1520,1521],"miscellaneous-mouse-parallax",{},[504,1523,1524,1527,1528,1533],{},[543,1525,1526],{},"\u003CMouseParallax />"," is a component that allows you to easily create a ",[1221,1529,1532],{"href":1530,"rel":1531},"https://en.wikipedia.org/wiki/Parallax",[1225],"parallax"," effect. The camera will update automatically according to the mouse position.",[581,1535,15],{"id":583},[504,1537,1538,1539,1541],{},"You only need to import and add it to your template as ",[543,1540,1526],{},". Additionally, you can pass the following props:",[504,1543,1544,1547,1548,767],{},[543,1545,1546],{},"factor"," is a number to increase the movement range of the camera. This could be an array of two values corresponding to the x and y values, in that order: ",[543,1549,1550],{},":factor=[x,y]",[504,1552,1553,1556,1557,767],{},[543,1554,1555],{},"ease"," is a number that smooths the movement. This could be an array of two values corresponding to the x and y values, in that order: ",[543,1558,1559],{},":ease=[x,y]",[504,1561,1562,1565],{},[543,1563,1564],{},"local"," is a boolean that enables movement based on the position of the mouse on the canvas rather than the window.",[554,1567,1570],{"className":556,"code":1568,"highlights":1569,"language":558,"meta":512,"style":512},"\u003Cscript setup lang=\"ts\">\nimport { MouseParallax, TorusKnot } from \"@tresjs/cientos\";\nimport { TresCanvas } from \"@tresjs/core\";\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\">\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 7.5]\" :fov=\"75\" />\n    \u003CTorusKnot>\n      \u003CTresMeshToonMaterial color=\"orange\" />\n    \u003C/TorusKnot>\n    \u003CMouseParallax :factor=\"5\" :ease=\"[3, 0.1]\" />\n    \u003CTresAmbientLight />\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[514,802],[543,1571,1572,1592,1621,1641,1649,1653,1661,1681,1711,1720,1741,1749,1782,1791,1811,1819],{"__ignoreMap":512},[562,1573,1574,1576,1578,1580,1582,1584,1586,1588,1590],{"class":564,"line":513},[562,1575,568],{"class":567},[562,1577,604],{"class":571},[562,1579,607],{"class":575},[562,1581,610],{"class":575},[562,1583,613],{"class":567},[562,1585,616],{"class":567},[562,1587,620],{"class":619},[562,1589,616],{"class":567},[562,1591,625],{"class":567},[562,1593,1595,1597,1599,1602,1604,1607,1609,1611,1614,1616,1618],{"class":1594,"line":514},[564,657],[562,1596,631],{"class":630},[562,1598,634],{"class":567},[562,1600,1601],{"class":637}," MouseParallax",[562,1603,667],{"class":567},[562,1605,1606],{"class":637}," TorusKnot",[562,1608,641],{"class":567},[562,1610,644],{"class":630},[562,1612,1613],{"class":567}," \"",[562,1615,679],{"class":619},[562,1617,616],{"class":567},[562,1619,1620],{"class":567},";\n",[562,1622,1623,1625,1627,1629,1631,1633,1635,1637,1639],{"class":564,"line":588},[562,1624,631],{"class":630},[562,1626,634],{"class":567},[562,1628,638],{"class":637},[562,1630,641],{"class":567},[562,1632,644],{"class":630},[562,1634,1613],{"class":567},[562,1636,650],{"class":619},[562,1638,616],{"class":567},[562,1640,1620],{"class":567},[562,1642,1643,1645,1647],{"class":564,"line":684},[562,1644,805],{"class":567},[562,1646,604],{"class":571},[562,1648,625],{"class":567},[562,1650,1651],{"class":564,"line":704},[562,1652,707],{"emptyLinePlaceholder":520},[562,1654,1655,1657,1659],{"class":564,"line":589},[562,1656,568],{"class":567},[562,1658,822],{"class":571},[562,1660,625],{"class":567},[562,1662,1663,1665,1667,1670,1672,1674,1677,1679],{"class":564,"line":590},[562,1664,830],{"class":567},[562,1666,833],{"class":571},[562,1668,1669],{"class":575}," clear-color",[562,1671,613],{"class":567},[562,1673,616],{"class":567},[562,1675,1676],{"class":619},"#82DBC5",[562,1678,616],{"class":567},[562,1680,625],{"class":567},[562,1682,1683,1685,1687,1689,1691,1693,1695,1697,1700,1702,1704,1707,1709],{"class":564,"line":741},[562,1684,841],{"class":567},[562,1686,844],{"class":571},[562,1688,847],{"class":575},[562,1690,613],{"class":567},[562,1692,616],{"class":567},[562,1694,1325],{"class":619},[562,1696,616],{"class":567},[562,1698,1699],{"class":575}," :fov",[562,1701,613],{"class":567},[562,1703,616],{"class":567},[562,1705,1706],{"class":619},"75",[562,1708,616],{"class":567},[562,1710,579],{"class":567},[562,1712,1713,1715,1718],{"class":564,"line":591},[562,1714,841],{"class":567},[562,1716,1717],{"class":571},"TorusKnot",[562,1719,625],{"class":567},[562,1721,1722,1724,1727,1730,1732,1734,1737,1739],{"class":564,"line":592},[562,1723,914],{"class":567},[562,1725,1726],{"class":571},"TresMeshToonMaterial",[562,1728,1729],{"class":575}," color",[562,1731,613],{"class":567},[562,1733,616],{"class":567},[562,1735,1736],{"class":619},"orange",[562,1738,616],{"class":567},[562,1740,579],{"class":567},[562,1742,1743,1745,1747],{"class":564,"line":593},[562,1744,978],{"class":567},[562,1746,1717],{"class":571},[562,1748,625],{"class":567},[562,1750,1752,1754,1756,1759,1761,1763,1766,1768,1771,1773,1775,1778,1780],{"class":1751,"line":802},[564,657],[562,1753,841],{"class":567},[562,1755,479],{"class":571},[562,1757,1758],{"class":575}," :factor",[562,1760,613],{"class":567},[562,1762,616],{"class":567},[562,1764,1765],{"class":619},"5",[562,1767,616],{"class":567},[562,1769,1770],{"class":575}," :ease",[562,1772,613],{"class":567},[562,1774,616],{"class":567},[562,1776,1777],{"class":619},"[3, 0.1]",[562,1779,616],{"class":567},[562,1781,579],{"class":567},[562,1783,1784,1786,1789],{"class":564,"line":812},[562,1785,841],{"class":567},[562,1787,1788],{"class":571},"TresAmbientLight",[562,1790,579],{"class":567},[562,1792,1793,1795,1798,1800,1802,1804,1807,1809],{"class":564,"line":817},[562,1794,841],{"class":567},[562,1796,1797],{"class":571},"TresDirectionalLight",[562,1799,847],{"class":575},[562,1801,613],{"class":567},[562,1803,616],{"class":567},[562,1805,1806],{"class":619},"[0, 2, 4]",[562,1808,616],{"class":567},[562,1810,579],{"class":567},[562,1812,1813,1815,1817],{"class":564,"line":827},[562,1814,988],{"class":567},[562,1816,833],{"class":571},[562,1818,625],{"class":567},[562,1820,1821,1823,1825],{"class":564,"line":838},[562,1822,805],{"class":567},[562,1824,822],{"class":571},[562,1826,625],{"class":567},[581,1828,1005],{"id":1004},[1007,1830,1831,1841],{},[1010,1832,1833],{},[1013,1834,1835,1837,1839],{},[1016,1836,1384],{"align":1018},[1016,1838,1022],{"align":1018},[1016,1840,1025],{},[1027,1842,1843,1856,1868,1880],{},[1013,1844,1845,1851,1854],{},[1032,1846,1847],{"align":1018},[1848,1849,1850],"strong",{},"disabled",[1032,1852,1853],{"align":1018},"Enable or disable the effect",[1032,1855,1090],{},[1013,1857,1858,1862,1865],{},[1032,1859,1860],{"align":1018},[1848,1861,1546],{},[1032,1863,1864],{"align":1018},"Increase the range of the parallax",[1032,1866,1867],{},"2.5",[1013,1869,1870,1874,1877],{},[1032,1871,1872],{"align":1018},[1848,1873,1555],{},[1032,1875,1876],{"align":1018},"Increase the camera movement speed",[1032,1878,1879],{},"0.1",[1013,1881,1882,1886,1889],{},[1032,1883,1884],{"align":1018},[1848,1885,1564],{},[1032,1887,1888],{"align":1018},"Whether the mouse coordinates are calculated from the element or the window",[1032,1890,1090],{},[1189,1892,1893],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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);}",{"title":512,"searchDepth":513,"depth":514,"links":1895},[1896,1897],{"id":583,"depth":514,"text":15},{"id":1004,"depth":514,"text":1005},"Create parallax effects based on mouse movement.",{},{"title":479,"description":1898},"DlWi-PCiTKTosw5xB5jxhs3p0vmhFRnKBmSiLiGYpy8",{"id":1903,"title":483,"body":1904,"description":3007,"extension":517,"links":518,"meta":3008,"navigation":520,"path":484,"seo":3009,"stem":485,"__hash__":3010},"docs/2.api/miscellaneous/positional-audio.md",{"type":501,"value":1905,"toc":3000},[1906,1911,1925,1936,1938,1954,2232,2261,2265,2272,2274,2477,2481,2554,2804,2968,2970,2997],[1517,1907,1908],{},[1909,1910],"miscellaneous-positional-audio",{},[504,1912,1208,1913,1915,1916,1920,1921,1924],{},[543,1914,1211],{}," package provides an abstraction of the ",[1221,1917,483],{"href":1918,"rel":1919},"https://threejs.org/docs/index.html?q=posi#api/en/audio/PositionalAudio",[1225],".\n",[543,1922,1923],{},"\u003CPositionalAudio>"," is an object specifically designed for controlling sounds in a scene graph space. This allows, for the simulation of various audio environments, creating a more immersive user experience.",[504,1926,1927,1929,1930,1935],{},[543,1928,1923],{}," includes a helper 🛠️ that allows you to view the directional cone of te audio. The helper is based on the ",[1221,1931,1934],{"href":1932,"rel":1933},"https://threejs.org/docs/#examples/en/helpers/PositionalAudioHelper",[1225],"PositionalAudioHelper"," class.",[581,1937,15],{"id":583},[504,1939,1208,1940,1942,1943,1945,1946,1949,1950,1953],{},[543,1941,1923],{}," component is very simple to set up and use, allowing you to bring your 3D scenes to life.  All you need to do is call the ",[543,1944,1923],{}," component and set the ",[543,1947,1948],{},"url",". It must be wrapped around the ",[543,1951,1952],{},"\u003CSuspense>"," component to enable it to load your audio asynchronously. 💥",[554,1955,1958],{"className":556,"code":1956,"highlights":1957,"language":558,"meta":512,"style":512},"\u003Cscript setup lang=\"ts\">\nimport { Box, PositionalAudio } from '@tresjs/cientos'\nimport { onUnmounted, shallowRef } from 'vue'\n\nconst positionalAudioRef = shallowRef(null)\n\nonUnmounted(() => {\n  positionalAudioRef?.value?.dispose()\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        />\n      \u003C/Suspense>\n    \u003C/Box>\n  \u003C/TresCanvas>\n\u003C/template>\n",[514,861,594,911],[543,1959,1960,1980,2005,2028,2032,2050,2054,2068,2084,2091,2099,2103,2111,2119,2139,2147,2156,2164,2180,2195,2200,2208,2216,2224],{"__ignoreMap":512},[562,1961,1962,1964,1966,1968,1970,1972,1974,1976,1978],{"class":564,"line":513},[562,1963,568],{"class":567},[562,1965,604],{"class":571},[562,1967,607],{"class":575},[562,1969,610],{"class":575},[562,1971,613],{"class":567},[562,1973,616],{"class":567},[562,1975,620],{"class":619},[562,1977,616],{"class":567},[562,1979,625],{"class":567},[562,1981,1983,1985,1987,1990,1992,1995,1997,1999,2001,2003],{"class":1982,"line":514},[564,657],[562,1984,631],{"class":630},[562,1986,634],{"class":567},[562,1988,1989],{"class":637}," Box",[562,1991,667],{"class":567},[562,1993,1994],{"class":637}," PositionalAudio",[562,1996,641],{"class":567},[562,1998,644],{"class":630},[562,2000,647],{"class":567},[562,2002,679],{"class":619},[562,2004,653],{"class":567},[562,2006,2007,2009,2011,2014,2016,2018,2020,2022,2024,2026],{"class":564,"line":588},[562,2008,631],{"class":630},[562,2010,634],{"class":567},[562,2012,2013],{"class":637}," onUnmounted",[562,2015,667],{"class":567},[562,2017,691],{"class":637},[562,2019,641],{"class":567},[562,2021,644],{"class":630},[562,2023,647],{"class":567},[562,2025,558],{"class":619},[562,2027,653],{"class":567},[562,2029,2030],{"class":564,"line":684},[562,2031,707],{"emptyLinePlaceholder":520},[562,2033,2034,2036,2039,2041,2043,2045,2048],{"class":564,"line":704},[562,2035,713],{"class":575},[562,2037,2038],{"class":637}," positionalAudioRef ",[562,2040,613],{"class":567},[562,2042,691],{"class":721},[562,2044,783],{"class":637},[562,2046,2047],{"class":567},"null",[562,2049,793],{"class":637},[562,2051,2052],{"class":564,"line":589},[562,2053,707],{"emptyLinePlaceholder":520},[562,2055,2056,2059,2061,2063,2066],{"class":564,"line":590},[562,2057,2058],{"class":721},"onUnmounted",[562,2060,783],{"class":637},[562,2062,755],{"class":567},[562,2064,2065],{"class":575}," =>",[562,2067,758],{"class":567},[562,2069,2070,2073,2075,2077,2079,2082],{"class":564,"line":741},[562,2071,2072],{"class":637},"  positionalAudioRef",[562,2074,773],{"class":567},[562,2076,770],{"class":637},[562,2078,773],{"class":567},[562,2080,2081],{"class":721},"dispose",[562,2083,724],{"class":571},[562,2085,2086,2089],{"class":564,"line":591},[562,2087,2088],{"class":567},"}",[562,2090,793],{"class":637},[562,2092,2093,2095,2097],{"class":564,"line":592},[562,2094,805],{"class":567},[562,2096,604],{"class":571},[562,2098,625],{"class":567},[562,2100,2101],{"class":564,"line":593},[562,2102,707],{"emptyLinePlaceholder":520},[562,2104,2105,2107,2109],{"class":564,"line":802},[562,2106,568],{"class":567},[562,2108,822],{"class":571},[562,2110,625],{"class":567},[562,2112,2113,2115,2117],{"class":564,"line":812},[562,2114,830],{"class":567},[562,2116,833],{"class":571},[562,2118,625],{"class":567},[562,2120,2121,2123,2125,2128,2130,2132,2135,2137],{"class":564,"line":817},[562,2122,841],{"class":567},[562,2124,217],{"class":571},[562,2126,2127],{"class":575}," :args",[562,2129,613],{"class":567},[562,2131,616],{"class":567},[562,2133,2134],{"class":619},"[1, 1, 1]",[562,2136,616],{"class":567},[562,2138,625],{"class":567},[562,2140,2141,2143,2145],{"class":564,"line":827},[562,2142,914],{"class":567},[562,2144,960],{"class":571},[562,2146,579],{"class":567},[562,2148,2149,2151,2154],{"class":564,"line":838},[562,2150,914],{"class":567},[562,2152,2153],{"class":571},"Suspense",[562,2155,625],{"class":567},[562,2157,2159,2161],{"class":2158,"line":861},[564,657],[562,2160,947],{"class":567},[562,2162,2163],{"class":571},"PositionalAudio\n",[562,2165,2167,2170,2172,2174,2177],{"class":2166,"line":594},[564,657],[562,2168,2169],{"class":575},"          ref",[562,2171,613],{"class":567},[562,2173,616],{"class":567},[562,2175,2176],{"class":619},"positionalAudioRef",[562,2178,2179],{"class":567},"\"\n",[562,2181,2183,2186,2188,2190,2193],{"class":2182,"line":911},[564,657],[562,2184,2185],{"class":575},"          url",[562,2187,613],{"class":567},[562,2189,616],{"class":567},[562,2191,2192],{"class":619},"your-sound.mp3",[562,2194,2179],{"class":567},[562,2196,2197],{"class":564,"line":944},[562,2198,2199],{"class":567},"        />\n",[562,2201,2202,2204,2206],{"class":564,"line":955},[562,2203,968],{"class":567},[562,2205,2153],{"class":571},[562,2207,625],{"class":567},[562,2209,2210,2212,2214],{"class":564,"line":965},[562,2211,978],{"class":567},[562,2213,217],{"class":571},[562,2215,625],{"class":567},[562,2217,2218,2220,2222],{"class":564,"line":595},[562,2219,988],{"class":567},[562,2221,833],{"class":571},[562,2223,625],{"class":567},[562,2225,2226,2228,2230],{"class":564,"line":985},[562,2227,805],{"class":567},[562,2229,822],{"class":571},[562,2231,625],{"class":567},[2233,2234,2235],"prose-warning",{},[504,2236,2237,2238,2241,2242,2249,2250,2253,2254,1124,2257,2260],{},"AudioContext is authorized when a user gesture has been made on the page. The property ",[543,2239,2240],{},":autoplay=\"true\""," cannot be activated if no user gesture has been made previously ",[1221,2243,2246],{"href":2244,"rel":2245},"https://goo.gl/7K7WLu",[1225],[543,2247,2248],{},"read more",".\nIf you are sure that there will be a user gesture before your ",[543,2251,2252],{},"\u003CPositionAudio>"," component appears/is created, you can directly add ",[543,2255,2256],{},":ready=\"true\"",[543,2258,2259],{},"autoplay=\"true\""," for a direct launch.",[581,2262,2264],{"id":2263},"how-does-it-work","How does it work?",[2266,2267],"img",{"className":2268,"src":2270,"alt":2271},[2269],"mx-auto","/cientos/sketch.jpg","Diagram explaining how positional audio works",[581,2273,1005],{"id":1004},[1007,2275,2276,2286],{},[1010,2277,2278],{},[1013,2279,2280,2282,2284],{},[1016,2281,1384],{"align":1018},[1016,2283,1022],{"align":1018},[1016,2285,1025],{},[1027,2287,2288,2306,2330,2352,2385,2403,2418,2435,2456],{},[1013,2289,2290,2294,2304],{},[1032,2291,2292],{"align":1018},[1848,2293,1948],{},[1032,2295,2296,2299,2300,2303],{"align":1018},[543,2297,2298],{},"string"," - ",[1848,2301,2302],{},"required"," — The path or URL to the file.",[1032,2305],{},[1013,2307,2308,2313,2326],{},[1032,2309,2310],{"align":1018},[1848,2311,2312],{},"helper",[1032,2314,2315,2318,2319,1163,2322],{"align":1018},[543,2316,2317],{},"boolean"," — Selects whether helper mode is enabled. ",[2320,2321],"br",{},[2323,2324,2325],"em",{},"(Useful for visualising the angle of sound propagation)",[1032,2327,2328],{},[543,2329,1090],{},[1013,2331,2332,2337,2348],{},[1032,2333,2334],{"align":1018},[1848,2335,2336],{},"distance",[1032,2338,2339,2342,2343],{"align":1018},[543,2340,2341],{},"number"," — The distance at which the volume reduction starts taking effect. ",[2323,2344,2345],{},[1848,2346,2347],{},"A non-negative number.",[1032,2349,2350],{},[543,2351,1472],{},[1013,2353,2354,2359,2381],{},[1032,2355,2356],{"align":1018},[1848,2357,2358],{},"ready",[1032,2360,2361,2363,2364,2366,2367,2370,2371,2374,2375,2378,2379],{"align":1018},[543,2362,2317],{}," — Tells ",[543,2365,1923],{}," that ",[543,2368,2369],{},"AudioContext"," is authorised because an user gesture has been made on the page. This is imperative, as ",[543,2372,2373],{},"autoplay"," cannot be activated if no user gesture has been made previously (",[1221,2376,2244],{"href":2244,"rel":2377},[1225],"). ",[2320,2380],{},[1032,2382,2383],{},[543,2384,1090],{},[1013,2386,2387,2391,2399],{},[1032,2388,2389],{"align":1018},[1848,2390,2373],{},[1032,2392,2393,2395,2396,2398],{"align":1018},[543,2394,2317],{}," — Selects whether the audio is launched automatically. Please refer to the ",[543,2397,2358],{}," prop for a better understanding of how to use autoplay.",[1032,2400,2401],{},[543,2402,1090],{},[1013,2404,2405,2409,2414],{},[1032,2406,2407],{"align":1018},[1848,2408,1435],{},[1032,2410,2411,2413],{"align":1018},[543,2412,2317],{}," — Specifies whether the audio should loop.",[1032,2415,2416],{},[543,2417,1090],{},[1013,2419,2420,2425,2430],{},[1032,2421,2422],{"align":1018},[1848,2423,2424],{},"innerAngle",[1032,2426,2427,2429],{"align":1018},[543,2428,2341],{}," —  A parameter for directional audio sources, this is an angle, inside of which there will be no volume reduction.",[1032,2431,2432],{},[543,2433,2434],{},"360",[1013,2436,2437,2442,2451],{},[1032,2438,2439],{"align":1018},[1848,2440,2441],{},"outerAngle",[1032,2443,2444,2446,2447,2450],{"align":1018},[543,2445,2341],{}," —  A parameter for directional audio sources, this is an angle, outside of which the volume will be reduced to a constant value of ",[543,2448,2449],{},"outerGain"," prop.",[1032,2452,2453],{},[543,2454,2455],{},"0",[1013,2457,2458,2462,2473],{},[1032,2459,2460],{"align":1018},[1848,2461,2449],{},[1032,2463,2464,2466,2467,2469,2470,2472],{"align":1018},[543,2465,2341],{}," —  A parameter for directional audio sources, this is the amount of volume reduction outside of the ",[543,2468,2441],{}," prop. When the value is ",[543,2471,2455],{}," no sound can be heard.",[1032,2474,2475],{},[543,2476,2455],{},[581,2478,2480],{"id":2479},"exposed-properties","Exposed properties",[1007,2482,2483,2491],{},[1010,2484,2485],{},[1013,2486,2487,2489],{},[1016,2488,1485],{"align":1018},[1016,2490,1022],{"align":1018},[1027,2492,2493,2505,2518,2531,2544],{},[1013,2494,2495,2499],{},[1032,2496,2497],{"align":1018},[543,2498,776],{},[1032,2500,2501,2502,767],{"align":1018},"Instance reference — Inheritance of ",[1221,2503,483],{"href":1918,"rel":2504},[1225],[1013,2506,2507,2512],{},[1032,2508,2509],{"align":1018},[543,2510,2511],{},"play()",[1032,2513,2514,2515],{"align":1018},"Play audio — ",[2323,2516,2517],{},"Cannot be fired if audio is already running.",[1013,2519,2520,2525],{},[1032,2521,2522],{"align":1018},[543,2523,2524],{},"pause()",[1032,2526,2527,2528],{"align":1018},"Pause audio — ",[2323,2529,2530],{},"Cannot be fired if audio is already paused.",[1013,2532,2533,2538],{},[1032,2534,2535],{"align":1018},[543,2536,2537],{},"stop()",[1032,2539,2540,2541],{"align":1018},"Stop audio — ",[2323,2542,2543],{},"Cannot be fired if audio is already stopped.",[1013,2545,2546,2551],{},[1032,2547,2548],{"align":1018},[543,2549,2550],{},"dispose()",[1032,2552,2553],{"align":1018},"Dispose component — Deletion of the AudioListener in the camera, disconnection of the audio source and deletion of the PositionalAudioHelper (if it exists).",[554,2555,2559],{"className":2556,"code":2557,"language":2558,"meta":512,"style":512},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const positionalAudioRef = shallowRef(null)\n\nconsole.log(positionalAudioRef.value.instance) // instance properties\n\nconst handlerAudio = (action: string) => {\n  if (!positionalAudioRef.value) { return }\n\n  const { play, pause, stop } = positionalAudioRef.value\n\n  if (action === 'play') { play() }\n  else if (action === 'pause') { pause() }\n  else if (action === 'stop') { stop() }\n}\n","typescript",[543,2560,2561,2577,2581,2607,2611,2641,2669,2673,2706,2710,2740,2771,2800],{"__ignoreMap":512},[562,2562,2563,2565,2567,2569,2571,2573,2575],{"class":564,"line":513},[562,2564,713],{"class":575},[562,2566,2038],{"class":637},[562,2568,613],{"class":567},[562,2570,691],{"class":721},[562,2572,783],{"class":637},[562,2574,2047],{"class":567},[562,2576,793],{"class":637},[562,2578,2579],{"class":564,"line":514},[562,2580,707],{"emptyLinePlaceholder":520},[562,2582,2583,2586,2588,2591,2594,2596,2598,2600,2603],{"class":564,"line":588},[562,2584,2585],{"class":637},"console",[562,2587,767],{"class":567},[562,2589,2590],{"class":721},"log",[562,2592,2593],{"class":637},"(positionalAudioRef",[562,2595,767],{"class":567},[562,2597,770],{"class":637},[562,2599,767],{"class":567},[562,2601,2602],{"class":637},"instance) ",[562,2604,2606],{"class":2605},"sHwdD","// instance properties\n",[562,2608,2609],{"class":564,"line":684},[562,2610,707],{"emptyLinePlaceholder":520},[562,2612,2613,2615,2618,2620,2623,2627,2630,2634,2637,2639],{"class":564,"line":704},[562,2614,713],{"class":575},[562,2616,2617],{"class":637}," handlerAudio ",[562,2619,613],{"class":567},[562,2621,2622],{"class":567}," (",[562,2624,2626],{"class":2625},"sHdIc","action",[562,2628,2629],{"class":567},":",[562,2631,2633],{"class":2632},"sBMFI"," string",[562,2635,2636],{"class":567},")",[562,2638,2065],{"class":575},[562,2640,758],{"class":567},[562,2642,2643,2646,2648,2651,2653,2655,2657,2660,2663,2666],{"class":564,"line":589},[562,2644,2645],{"class":630},"  if",[562,2647,2622],{"class":571},[562,2649,2650],{"class":567},"!",[562,2652,2176],{"class":637},[562,2654,767],{"class":567},[562,2656,770],{"class":637},[562,2658,2659],{"class":571},") ",[562,2661,2662],{"class":567},"{",[562,2664,2665],{"class":630}," return",[562,2667,2668],{"class":567}," }\n",[562,2670,2671],{"class":564,"line":590},[562,2672,707],{"emptyLinePlaceholder":520},[562,2674,2675,2678,2680,2683,2685,2688,2690,2693,2695,2698,2701,2703],{"class":564,"line":741},[562,2676,2677],{"class":575},"  const",[562,2679,634],{"class":567},[562,2681,2682],{"class":637}," play",[562,2684,667],{"class":567},[562,2686,2687],{"class":637}," pause",[562,2689,667],{"class":567},[562,2691,2692],{"class":637}," stop",[562,2694,641],{"class":567},[562,2696,2697],{"class":567}," =",[562,2699,2700],{"class":637}," positionalAudioRef",[562,2702,767],{"class":567},[562,2704,2705],{"class":637},"value\n",[562,2707,2708],{"class":564,"line":591},[562,2709,707],{"emptyLinePlaceholder":520},[562,2711,2712,2714,2716,2718,2721,2723,2726,2729,2731,2733,2735,2738],{"class":564,"line":592},[562,2713,2645],{"class":630},[562,2715,2622],{"class":571},[562,2717,2626],{"class":637},[562,2719,2720],{"class":567}," ===",[562,2722,647],{"class":567},[562,2724,2725],{"class":619},"play",[562,2727,2728],{"class":567},"'",[562,2730,2659],{"class":571},[562,2732,2662],{"class":567},[562,2734,2682],{"class":721},[562,2736,2737],{"class":571},"() ",[562,2739,799],{"class":567},[562,2741,2742,2745,2748,2750,2752,2754,2756,2759,2761,2763,2765,2767,2769],{"class":564,"line":593},[562,2743,2744],{"class":630},"  else",[562,2746,2747],{"class":630}," if",[562,2749,2622],{"class":571},[562,2751,2626],{"class":637},[562,2753,2720],{"class":567},[562,2755,647],{"class":567},[562,2757,2758],{"class":619},"pause",[562,2760,2728],{"class":567},[562,2762,2659],{"class":571},[562,2764,2662],{"class":567},[562,2766,2687],{"class":721},[562,2768,2737],{"class":571},[562,2770,799],{"class":567},[562,2772,2773,2775,2777,2779,2781,2783,2785,2788,2790,2792,2794,2796,2798],{"class":564,"line":802},[562,2774,2744],{"class":630},[562,2776,2747],{"class":630},[562,2778,2622],{"class":571},[562,2780,2626],{"class":637},[562,2782,2720],{"class":567},[562,2784,647],{"class":567},[562,2786,2787],{"class":619},"stop",[562,2789,2728],{"class":567},[562,2791,2659],{"class":571},[562,2793,2662],{"class":567},[562,2795,2692],{"class":721},[562,2797,2737],{"class":571},[562,2799,799],{"class":567},[562,2801,2802],{"class":564,"line":812},[562,2803,799],{"class":567},[554,2805,2807],{"className":556,"code":2806,"language":558,"meta":512,"style":512},"\u003Ctemplate>\n  \u003Cbutton @click=\"handlerAudio('play')\">play\u003C/button>\n  \u003Cbutton @click=\"handlerAudio('pause')\">pause\u003C/button>\n  \u003Cbutton @click=\"handlerAudio('stop')\">stop\u003C/button>\n\n  \u003CTresCanvas>\n    \u003CSphere>\n      \u003CSuspense>\n        \u003CPositionalAudio />\n      \u003C/Suspense>\n    \u003C/Sphere>\n  \u003C/TresCanvas>\n\u003C/template>\n",[543,2808,2809,2817,2846,2873,2900,2904,2912,2920,2928,2936,2944,2952,2960],{"__ignoreMap":512},[562,2810,2811,2813,2815],{"class":564,"line":513},[562,2812,568],{"class":567},[562,2814,822],{"class":571},[562,2816,625],{"class":567},[562,2818,2819,2821,2824,2826,2828,2830,2833,2835,2838,2840,2842,2844],{"class":564,"line":514},[562,2820,830],{"class":567},[562,2822,2823],{"class":571},"button",[562,2825,930],{"class":575},[562,2827,613],{"class":567},[562,2829,616],{"class":567},[562,2831,2832],{"class":619},"handlerAudio('play')",[562,2834,616],{"class":567},[562,2836,2837],{"class":567},">",[562,2839,2725],{"class":637},[562,2841,805],{"class":567},[562,2843,2823],{"class":571},[562,2845,625],{"class":567},[562,2847,2848,2850,2852,2854,2856,2858,2861,2863,2865,2867,2869,2871],{"class":564,"line":588},[562,2849,830],{"class":567},[562,2851,2823],{"class":571},[562,2853,930],{"class":575},[562,2855,613],{"class":567},[562,2857,616],{"class":567},[562,2859,2860],{"class":619},"handlerAudio('pause')",[562,2862,616],{"class":567},[562,2864,2837],{"class":567},[562,2866,2758],{"class":637},[562,2868,805],{"class":567},[562,2870,2823],{"class":571},[562,2872,625],{"class":567},[562,2874,2875,2877,2879,2881,2883,2885,2888,2890,2892,2894,2896,2898],{"class":564,"line":684},[562,2876,830],{"class":567},[562,2878,2823],{"class":571},[562,2880,930],{"class":575},[562,2882,613],{"class":567},[562,2884,616],{"class":567},[562,2886,2887],{"class":619},"handlerAudio('stop')",[562,2889,616],{"class":567},[562,2891,2837],{"class":567},[562,2893,2787],{"class":637},[562,2895,805],{"class":567},[562,2897,2823],{"class":571},[562,2899,625],{"class":567},[562,2901,2902],{"class":564,"line":704},[562,2903,707],{"emptyLinePlaceholder":520},[562,2905,2906,2908,2910],{"class":564,"line":589},[562,2907,830],{"class":567},[562,2909,833],{"class":571},[562,2911,625],{"class":567},[562,2913,2914,2916,2918],{"class":564,"line":590},[562,2915,841],{"class":567},[562,2917,285],{"class":571},[562,2919,625],{"class":567},[562,2921,2922,2924,2926],{"class":564,"line":741},[562,2923,914],{"class":567},[562,2925,2153],{"class":571},[562,2927,625],{"class":567},[562,2929,2930,2932,2934],{"class":564,"line":591},[562,2931,947],{"class":567},[562,2933,483],{"class":571},[562,2935,579],{"class":567},[562,2937,2938,2940,2942],{"class":564,"line":592},[562,2939,968],{"class":567},[562,2941,2153],{"class":571},[562,2943,625],{"class":567},[562,2945,2946,2948,2950],{"class":564,"line":593},[562,2947,978],{"class":567},[562,2949,285],{"class":571},[562,2951,625],{"class":567},[562,2953,2954,2956,2958],{"class":564,"line":802},[562,2955,988],{"class":567},[562,2957,833],{"class":571},[562,2959,625],{"class":567},[562,2961,2962,2964,2966],{"class":564,"line":812},[562,2963,805],{"class":567},[562,2965,822],{"class":571},[562,2967,625],{"class":567},[581,2969,1476],{"id":1475},[1007,2971,2972,2980],{},[1010,2973,2974],{},[1013,2975,2976,2978],{},[1016,2977,1485],{"align":1018},[1016,2979,1022],{"align":1018},[1027,2981,2982],{},[1013,2983,2984,2989],{},[1032,2985,2986],{"align":1018},[543,2987,2988],{},"is-playing",[1032,2990,2991,2992,1163,2994],{"align":1018},"Triggered when the audio changes its state (play, pause, or stop) ",[2320,2993],{},[543,2995,2996],{},"@is-playing=\"(e) => yourIsPlayingRef = e\"",[1189,2998,2999],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .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 .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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":512,"searchDepth":513,"depth":514,"links":3001},[3002,3003,3004,3005,3006],{"id":583,"depth":514,"text":15},{"id":2263,"depth":514,"text":2264},{"id":1004,"depth":514,"text":1005},{"id":2479,"depth":514,"text":2480},{"id":1475,"depth":514,"text":1476},"Spatially positioned audio in 3D space.",{},{"title":483,"description":3007},"e2zBGwWkG8BVqvng16FVMXJJwsEQPwApece9Mbbzdjg",{"id":3012,"title":487,"body":3013,"description":3664,"extension":517,"links":518,"meta":3665,"navigation":520,"path":488,"seo":3666,"stem":489,"__hash__":3667},"docs/2.api/miscellaneous/use-animations.md",{"type":501,"value":3014,"toc":3657},[3015,3029,3031,3035,3045,3280,3284,3291,3629,3633,3654],[504,3016,3017,3019,3020,3023,3024,1935],{},[543,3018,487],{}," is a composable that returns a ",[543,3021,3022],{},"shallowReactive"," with all the models actions based on the animations provided. It is a wrapper around the ",[1221,3025,3028],{"href":3026,"rel":3027},"https://threejs.org/docs/#api/en/animation/AnimationMixer",[1225],"AnimationMixer",[581,3030,15],{"id":583},[1176,3032,3034],{"id":3033},"basic-usage-automatic-updates","Basic Usage (Automatic Updates)",[504,3036,3037,3038,3040,3041,3044],{},"By default, ",[543,3039,487],{}," automatically updates the animation mixer on each frame using the ",[543,3042,3043],{},"useLoop"," composable:",[554,3046,3050],{"className":3047,"code":3048,"highlights":3049,"language":620,"meta":512,"style":512},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useAnimations, useGLTF } from '@tresjs/cientos'\n\nconst { state } = useGLTF('/models/ugly-naked-bunny.gltf')\n\nconst animations = computed(() => state.value?.animations || [])\nconst model = computed(() => state?.value?.scene)\nconst { actions } = useAnimations(animations, model)\n\nconst currentAction = ref()\n\nwatch(actions, (newActions) => {\n  currentAction.value = newActions.Greeting\n  currentAction.value.play()\n})\n",[513,590],[543,3051,3052,3077,3081,3107,3111,3147,3175,3199,3203,3216,3220,3241,3260,3274],{"__ignoreMap":512},[562,3053,3055,3057,3059,3062,3064,3067,3069,3071,3073,3075],{"class":3054,"line":513},[564,657],[562,3056,631],{"class":630},[562,3058,634],{"class":567},[562,3060,3061],{"class":637}," useAnimations",[562,3063,667],{"class":567},[562,3065,3066],{"class":637}," useGLTF",[562,3068,641],{"class":567},[562,3070,644],{"class":630},[562,3072,647],{"class":567},[562,3074,679],{"class":619},[562,3076,653],{"class":567},[562,3078,3079],{"class":564,"line":514},[562,3080,707],{"emptyLinePlaceholder":520},[562,3082,3083,3085,3087,3090,3092,3094,3096,3098,3100,3103,3105],{"class":564,"line":588},[562,3084,713],{"class":575},[562,3086,634],{"class":567},[562,3088,3089],{"class":637}," state ",[562,3091,2088],{"class":567},[562,3093,2697],{"class":567},[562,3095,3066],{"class":721},[562,3097,783],{"class":637},[562,3099,2728],{"class":567},[562,3101,3102],{"class":619},"/models/ugly-naked-bunny.gltf",[562,3104,2728],{"class":567},[562,3106,793],{"class":637},[562,3108,3109],{"class":564,"line":684},[562,3110,707],{"emptyLinePlaceholder":520},[562,3112,3113,3115,3118,3120,3123,3125,3127,3129,3132,3134,3136,3138,3141,3144],{"class":564,"line":704},[562,3114,713],{"class":575},[562,3116,3117],{"class":637}," animations ",[562,3119,613],{"class":567},[562,3121,3122],{"class":721}," computed",[562,3124,783],{"class":637},[562,3126,755],{"class":567},[562,3128,2065],{"class":575},[562,3130,3131],{"class":637}," state",[562,3133,767],{"class":567},[562,3135,770],{"class":637},[562,3137,773],{"class":567},[562,3139,3140],{"class":637},"animations ",[562,3142,3143],{"class":567},"||",[562,3145,3146],{"class":637}," [])\n",[562,3148,3149,3151,3154,3156,3158,3160,3162,3164,3166,3168,3170,3172],{"class":564,"line":589},[562,3150,713],{"class":575},[562,3152,3153],{"class":637}," model ",[562,3155,613],{"class":567},[562,3157,3122],{"class":721},[562,3159,783],{"class":637},[562,3161,755],{"class":567},[562,3163,2065],{"class":575},[562,3165,3131],{"class":637},[562,3167,773],{"class":567},[562,3169,770],{"class":637},[562,3171,773],{"class":567},[562,3173,3174],{"class":637},"scene)\n",[562,3176,3178,3180,3182,3185,3187,3189,3191,3194,3196],{"class":3177,"line":590},[564,657],[562,3179,713],{"class":575},[562,3181,634],{"class":567},[562,3183,3184],{"class":637}," actions ",[562,3186,2088],{"class":567},[562,3188,2697],{"class":567},[562,3190,3061],{"class":721},[562,3192,3193],{"class":637},"(animations",[562,3195,667],{"class":567},[562,3197,3198],{"class":637}," model)\n",[562,3200,3201],{"class":564,"line":741},[562,3202,707],{"emptyLinePlaceholder":520},[562,3204,3205,3207,3210,3212,3214],{"class":564,"line":591},[562,3206,713],{"class":575},[562,3208,3209],{"class":637}," currentAction ",[562,3211,613],{"class":567},[562,3213,879],{"class":721},[562,3215,724],{"class":637},[562,3217,3218],{"class":564,"line":592},[562,3219,707],{"emptyLinePlaceholder":520},[562,3221,3222,3225,3228,3230,3232,3235,3237,3239],{"class":564,"line":593},[562,3223,3224],{"class":721},"watch",[562,3226,3227],{"class":637},"(actions",[562,3229,667],{"class":567},[562,3231,2622],{"class":567},[562,3233,3234],{"class":2625},"newActions",[562,3236,2636],{"class":567},[562,3238,2065],{"class":575},[562,3240,758],{"class":567},[562,3242,3243,3246,3248,3250,3252,3255,3257],{"class":564,"line":802},[562,3244,3245],{"class":637},"  currentAction",[562,3247,767],{"class":567},[562,3249,770],{"class":637},[562,3251,2697],{"class":567},[562,3253,3254],{"class":637}," newActions",[562,3256,767],{"class":567},[562,3258,3259],{"class":637},"Greeting\n",[562,3261,3262,3264,3266,3268,3270,3272],{"class":564,"line":812},[562,3263,3245],{"class":637},[562,3265,767],{"class":567},[562,3267,770],{"class":637},[562,3269,767],{"class":567},[562,3271,2725],{"class":721},[562,3273,724],{"class":571},[562,3275,3276,3278],{"class":564,"line":817},[562,3277,2088],{"class":567},[562,3279,793],{"class":637},[1176,3281,3283],{"id":3282},"manual-updates","Manual Updates",[504,3285,3286,3287,3290],{},"To gain finer control over animation mixer updates, enable ",[543,3288,3289],{},"manualUpdate: true"," and manage the update cycle manually.",[554,3292,3295],{"className":3047,"code":3293,"highlights":3294,"language":620,"meta":512,"style":512},"import { useAnimations, useGLTF } from '@tresjs/cientos'\nimport { useLoop } from '@tresjs/core'\n\nconst { state } = useGLTF('/models/ugly-naked-bunny.gltf')\n\nconst animations = computed(() => state.value?.animations || [])\nconst model = computed(() => state?.value?.scene)\nconst { actions, mixer } = useAnimations(animations, model, {\n  manualUpdate: true,\n})\n\n// Handle updates manually\nconst { onBeforeRender } = useLoop()\nonBeforeRender(({ delta }) => {\n  mixer.value.update(delta)\n})\n\nconst currentAction = ref()\n\nwatch(actions, (newActions) => {\n  currentAction.value = newActions.Greeting\n  currentAction.value.play()\n})\n",[513,741,591,592,827],[543,3296,3297,3320,3339,3343,3367,3371,3401,3427,3459,3474,3481,3485,3490,3507,3527,3549,3555,3559,3571,3575,3593,3609,3623],{"__ignoreMap":512},[562,3298,3300,3302,3304,3306,3308,3310,3312,3314,3316,3318],{"class":3299,"line":513},[564,657],[562,3301,631],{"class":630},[562,3303,634],{"class":567},[562,3305,3061],{"class":637},[562,3307,667],{"class":567},[562,3309,3066],{"class":637},[562,3311,641],{"class":567},[562,3313,644],{"class":630},[562,3315,647],{"class":567},[562,3317,679],{"class":619},[562,3319,653],{"class":567},[562,3321,3322,3324,3326,3329,3331,3333,3335,3337],{"class":564,"line":514},[562,3323,631],{"class":630},[562,3325,634],{"class":567},[562,3327,3328],{"class":637}," useLoop",[562,3330,641],{"class":567},[562,3332,644],{"class":630},[562,3334,647],{"class":567},[562,3336,650],{"class":619},[562,3338,653],{"class":567},[562,3340,3341],{"class":564,"line":588},[562,3342,707],{"emptyLinePlaceholder":520},[562,3344,3345,3347,3349,3351,3353,3355,3357,3359,3361,3363,3365],{"class":564,"line":684},[562,3346,713],{"class":575},[562,3348,634],{"class":567},[562,3350,3089],{"class":637},[562,3352,2088],{"class":567},[562,3354,2697],{"class":567},[562,3356,3066],{"class":721},[562,3358,783],{"class":637},[562,3360,2728],{"class":567},[562,3362,3102],{"class":619},[562,3364,2728],{"class":567},[562,3366,793],{"class":637},[562,3368,3369],{"class":564,"line":704},[562,3370,707],{"emptyLinePlaceholder":520},[562,3372,3373,3375,3377,3379,3381,3383,3385,3387,3389,3391,3393,3395,3397,3399],{"class":564,"line":589},[562,3374,713],{"class":575},[562,3376,3117],{"class":637},[562,3378,613],{"class":567},[562,3380,3122],{"class":721},[562,3382,783],{"class":637},[562,3384,755],{"class":567},[562,3386,2065],{"class":575},[562,3388,3131],{"class":637},[562,3390,767],{"class":567},[562,3392,770],{"class":637},[562,3394,773],{"class":567},[562,3396,3140],{"class":637},[562,3398,3143],{"class":567},[562,3400,3146],{"class":637},[562,3402,3403,3405,3407,3409,3411,3413,3415,3417,3419,3421,3423,3425],{"class":564,"line":590},[562,3404,713],{"class":575},[562,3406,3153],{"class":637},[562,3408,613],{"class":567},[562,3410,3122],{"class":721},[562,3412,783],{"class":637},[562,3414,755],{"class":567},[562,3416,2065],{"class":575},[562,3418,3131],{"class":637},[562,3420,773],{"class":567},[562,3422,770],{"class":637},[562,3424,773],{"class":567},[562,3426,3174],{"class":637},[562,3428,3430,3432,3434,3437,3439,3442,3444,3446,3448,3450,3452,3455,3457],{"class":3429,"line":741},[564,657],[562,3431,713],{"class":575},[562,3433,634],{"class":567},[562,3435,3436],{"class":637}," actions",[562,3438,667],{"class":567},[562,3440,3441],{"class":637}," mixer ",[562,3443,2088],{"class":567},[562,3445,2697],{"class":567},[562,3447,3061],{"class":721},[562,3449,3193],{"class":637},[562,3451,667],{"class":567},[562,3453,3454],{"class":637}," model",[562,3456,667],{"class":567},[562,3458,758],{"class":567},[562,3460,3462,3465,3467,3471],{"class":3461,"line":591},[564,657],[562,3463,3464],{"class":571},"  manualUpdate",[562,3466,2629],{"class":567},[562,3468,3470],{"class":3469},"sfNiH"," true",[562,3472,3473],{"class":567},",\n",[562,3475,3477,3479],{"class":3476,"line":592},[564,657],[562,3478,2088],{"class":567},[562,3480,793],{"class":637},[562,3482,3483],{"class":564,"line":593},[562,3484,707],{"emptyLinePlaceholder":520},[562,3486,3487],{"class":564,"line":802},[562,3488,3489],{"class":2605},"// Handle updates manually\n",[562,3491,3492,3494,3496,3499,3501,3503,3505],{"class":564,"line":812},[562,3493,713],{"class":575},[562,3495,634],{"class":567},[562,3497,3498],{"class":637}," onBeforeRender ",[562,3500,2088],{"class":567},[562,3502,2697],{"class":567},[562,3504,3328],{"class":721},[562,3506,724],{"class":637},[562,3508,3509,3512,3514,3517,3520,3523,3525],{"class":564,"line":817},[562,3510,3511],{"class":721},"onBeforeRender",[562,3513,783],{"class":637},[562,3515,3516],{"class":567},"({",[562,3518,3519],{"class":2625}," delta",[562,3521,3522],{"class":567}," })",[562,3524,2065],{"class":575},[562,3526,758],{"class":567},[562,3528,3530,3533,3535,3537,3539,3542,3544,3547],{"class":3529,"line":827},[564,657],[562,3531,3532],{"class":637},"  mixer",[562,3534,767],{"class":567},[562,3536,770],{"class":637},[562,3538,767],{"class":567},[562,3540,3541],{"class":721},"update",[562,3543,783],{"class":571},[562,3545,3546],{"class":637},"delta",[562,3548,793],{"class":571},[562,3550,3551,3553],{"class":564,"line":838},[562,3552,2088],{"class":567},[562,3554,793],{"class":637},[562,3556,3557],{"class":564,"line":861},[562,3558,707],{"emptyLinePlaceholder":520},[562,3560,3561,3563,3565,3567,3569],{"class":564,"line":594},[562,3562,713],{"class":575},[562,3564,3209],{"class":637},[562,3566,613],{"class":567},[562,3568,879],{"class":721},[562,3570,724],{"class":637},[562,3572,3573],{"class":564,"line":911},[562,3574,707],{"emptyLinePlaceholder":520},[562,3576,3577,3579,3581,3583,3585,3587,3589,3591],{"class":564,"line":944},[562,3578,3224],{"class":721},[562,3580,3227],{"class":637},[562,3582,667],{"class":567},[562,3584,2622],{"class":567},[562,3586,3234],{"class":2625},[562,3588,2636],{"class":567},[562,3590,2065],{"class":575},[562,3592,758],{"class":567},[562,3594,3595,3597,3599,3601,3603,3605,3607],{"class":564,"line":955},[562,3596,3245],{"class":637},[562,3598,767],{"class":567},[562,3600,770],{"class":637},[562,3602,2697],{"class":567},[562,3604,3254],{"class":637},[562,3606,767],{"class":567},[562,3608,3259],{"class":637},[562,3610,3611,3613,3615,3617,3619,3621],{"class":564,"line":965},[562,3612,3245],{"class":637},[562,3614,767],{"class":567},[562,3616,770],{"class":637},[562,3618,767],{"class":567},[562,3620,2725],{"class":721},[562,3622,724],{"class":571},[562,3624,3625,3627],{"class":564,"line":595},[562,3626,2088],{"class":567},[562,3628,793],{"class":637},[581,3630,3632],{"id":3631},"options","Options",[3634,3635,3636],"ul",{},[3637,3638,3639,3642,3643,3645,3646,3649,3650,3653],"li",{},[543,3640,3641],{},"manualUpdate"," (optional): Default is ",[543,3644,1090],{},". If set to ",[543,3647,3648],{},"true",", disables automatic animation mixer updates. You'll need to call ",[543,3651,3652],{},"mixer.value.update(delta)"," manually.",[1189,3655,3656],{},"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 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 .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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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}",{"title":512,"searchDepth":513,"depth":514,"links":3658},[3659,3663],{"id":583,"depth":514,"text":15,"children":3660},[3661,3662],{"id":3033,"depth":588,"text":3034},{"id":3282,"depth":588,"text":3283},{"id":3631,"depth":514,"text":3632},"Composable for managing model animations with AnimationMixer.",{},{"title":487,"description":3664},"TJcEqtFqnepbieID3hzHGMd0QylrwTz-3E1RokTEGoY",{"id":3669,"title":491,"body":3670,"description":4286,"extension":517,"links":518,"meta":4287,"navigation":520,"path":492,"seo":4288,"stem":493,"__hash__":4289},"docs/2.api/miscellaneous/use-gltf-exporter.md",{"type":501,"value":3671,"toc":4280},[3672,3690,3694,4073,4077,4129,4131,4277],[504,3673,3674,3679,3680,3685,3686,3689],{},[1221,3675,3678],{"href":3676,"rel":3677},"https://threejs.org/docs/index.html?q=expo#examples/en/exporters/GLTFExporter",[1225],"GLTFExporter"," is an addon in Three.js that allows you to download any object3D in a ",[1221,3681,3684],{"href":3682,"rel":3683},"https://www.khronos.org/gltf",[1225],"GLTF"," format. ",[1848,3687,3688],{},"TresJS"," provides a composable that simplifies this process with just a few lines of code.",[581,3691,3693],{"id":3692},"basic-usage","Basic usage",[554,3695,3698],{"className":556,"code":3696,"highlights":3697,"language":558,"meta":512,"style":512},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { useGLTFExporter } from '@tresjs/cientos'\nimport { shallowRef } from 'vue'\n\nconst boxRef = shallowRef()\n\n// the second argument – options – is not required\nconst downloadBox = () => {\n  useGLTFExporter(boxRef.value, { fileName: 'cube', binary: true })\n}\n\u003C/script>\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#82DBC5\" window-size >\n    \u003CTresPerspectiveCamera :position=\"[0, 2, 5]\" />\n    \u003CTresMesh\n      ref=\"boxRef\"\n      :position-z=\"30\"\n      :scale=\"10\"\n      @click=\"downloadBox\"\n    >\n      \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\n      \u003CTresMeshStandardMaterial :color=\"0x00ff00\" />\n    \u003C/TresMesh>\n    \u003CTresDirectionalLight :position=\"[0, 10, 10]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n\n",[588,592],[543,3699,3700,3720,3738,3758,3776,3780,3793,3797,3802,3818,3862,3866,3874,3882,3904,3922,3929,3942,3956,3970,3984,3989,4007,4028,4036,4055,4064],{"__ignoreMap":512},[562,3701,3702,3704,3706,3708,3710,3712,3714,3716,3718],{"class":564,"line":513},[562,3703,568],{"class":567},[562,3705,604],{"class":571},[562,3707,607],{"class":575},[562,3709,610],{"class":575},[562,3711,613],{"class":567},[562,3713,616],{"class":567},[562,3715,620],{"class":619},[562,3717,616],{"class":567},[562,3719,625],{"class":567},[562,3721,3722,3724,3726,3728,3730,3732,3734,3736],{"class":564,"line":514},[562,3723,631],{"class":630},[562,3725,634],{"class":567},[562,3727,638],{"class":637},[562,3729,641],{"class":567},[562,3731,644],{"class":630},[562,3733,647],{"class":567},[562,3735,650],{"class":619},[562,3737,653],{"class":567},[562,3739,3741,3743,3745,3748,3750,3752,3754,3756],{"class":3740,"line":588},[564,657],[562,3742,631],{"class":630},[562,3744,634],{"class":567},[562,3746,3747],{"class":637}," useGLTFExporter",[562,3749,641],{"class":567},[562,3751,644],{"class":630},[562,3753,647],{"class":567},[562,3755,679],{"class":619},[562,3757,653],{"class":567},[562,3759,3760,3762,3764,3766,3768,3770,3772,3774],{"class":564,"line":684},[562,3761,631],{"class":630},[562,3763,634],{"class":567},[562,3765,691],{"class":637},[562,3767,641],{"class":567},[562,3769,644],{"class":630},[562,3771,647],{"class":567},[562,3773,558],{"class":619},[562,3775,653],{"class":567},[562,3777,3778],{"class":564,"line":704},[562,3779,707],{"emptyLinePlaceholder":520},[562,3781,3782,3784,3787,3789,3791],{"class":564,"line":589},[562,3783,713],{"class":575},[562,3785,3786],{"class":637}," boxRef ",[562,3788,613],{"class":567},[562,3790,691],{"class":721},[562,3792,724],{"class":637},[562,3794,3795],{"class":564,"line":590},[562,3796,707],{"emptyLinePlaceholder":520},[562,3798,3799],{"class":564,"line":741},[562,3800,3801],{"class":2605},"// the second argument – options – is not required\n",[562,3803,3804,3806,3809,3811,3814,3816],{"class":564,"line":591},[562,3805,713],{"class":575},[562,3807,3808],{"class":637}," downloadBox ",[562,3810,613],{"class":567},[562,3812,3813],{"class":567}," ()",[562,3815,2065],{"class":575},[562,3817,758],{"class":567},[562,3819,3821,3824,3826,3829,3831,3833,3835,3837,3840,3842,3844,3847,3849,3851,3854,3856,3858,3860],{"class":3820,"line":592},[564,657],[562,3822,3823],{"class":721},"  useGLTFExporter",[562,3825,783],{"class":571},[562,3827,3828],{"class":637},"boxRef",[562,3830,767],{"class":567},[562,3832,770],{"class":637},[562,3834,667],{"class":567},[562,3836,634],{"class":567},[562,3838,3839],{"class":571}," fileName",[562,3841,2629],{"class":567},[562,3843,647],{"class":567},[562,3845,3846],{"class":619},"cube",[562,3848,2728],{"class":567},[562,3850,667],{"class":567},[562,3852,3853],{"class":571}," binary",[562,3855,2629],{"class":567},[562,3857,3470],{"class":3469},[562,3859,641],{"class":567},[562,3861,793],{"class":571},[562,3863,3864],{"class":564,"line":593},[562,3865,799],{"class":567},[562,3867,3868,3870,3872],{"class":564,"line":802},[562,3869,805],{"class":567},[562,3871,604],{"class":571},[562,3873,625],{"class":567},[562,3875,3876,3878,3880],{"class":564,"line":812},[562,3877,568],{"class":567},[562,3879,822],{"class":571},[562,3881,625],{"class":567},[562,3883,3884,3886,3888,3890,3892,3894,3896,3898,3901],{"class":564,"line":817},[562,3885,830],{"class":567},[562,3887,833],{"class":571},[562,3889,1669],{"class":575},[562,3891,613],{"class":567},[562,3893,616],{"class":567},[562,3895,1676],{"class":619},[562,3897,616],{"class":567},[562,3899,3900],{"class":575}," window-size",[562,3902,3903],{"class":567}," >\n",[562,3905,3906,3908,3910,3912,3914,3916,3918,3920],{"class":564,"line":827},[562,3907,841],{"class":567},[562,3909,844],{"class":571},[562,3911,847],{"class":575},[562,3913,613],{"class":567},[562,3915,616],{"class":567},[562,3917,854],{"class":619},[562,3919,616],{"class":567},[562,3921,579],{"class":567},[562,3923,3924,3926],{"class":564,"line":838},[562,3925,841],{"class":567},[562,3927,3928],{"class":571},"TresMesh\n",[562,3930,3931,3934,3936,3938,3940],{"class":564,"line":861},[562,3932,3933],{"class":575},"      ref",[562,3935,613],{"class":567},[562,3937,616],{"class":567},[562,3939,3828],{"class":619},[562,3941,2179],{"class":567},[562,3943,3944,3947,3949,3951,3954],{"class":564,"line":594},[562,3945,3946],{"class":575},"      :position-z",[562,3948,613],{"class":567},[562,3950,616],{"class":567},[562,3952,3953],{"class":619},"30",[562,3955,2179],{"class":567},[562,3957,3958,3961,3963,3965,3968],{"class":564,"line":911},[562,3959,3960],{"class":575},"      :scale",[562,3962,613],{"class":567},[562,3964,616],{"class":567},[562,3966,3967],{"class":619},"10",[562,3969,2179],{"class":567},[562,3971,3972,3975,3977,3979,3982],{"class":564,"line":944},[562,3973,3974],{"class":575},"      @click",[562,3976,613],{"class":567},[562,3978,616],{"class":567},[562,3980,3981],{"class":619},"downloadBox",[562,3983,2179],{"class":567},[562,3985,3986],{"class":564,"line":955},[562,3987,3988],{"class":567},"    >\n",[562,3990,3991,3993,3995,3997,3999,4001,4003,4005],{"class":564,"line":965},[562,3992,914],{"class":567},[562,3994,950],{"class":571},[562,3996,2127],{"class":575},[562,3998,613],{"class":567},[562,4000,616],{"class":567},[562,4002,2134],{"class":619},[562,4004,616],{"class":567},[562,4006,579],{"class":567},[562,4008,4009,4011,4014,4017,4019,4021,4024,4026],{"class":564,"line":595},[562,4010,914],{"class":567},[562,4012,4013],{"class":571},"TresMeshStandardMaterial",[562,4015,4016],{"class":575}," :color",[562,4018,613],{"class":567},[562,4020,616],{"class":567},[562,4022,4023],{"class":619},"0x00ff00",[562,4025,616],{"class":567},[562,4027,579],{"class":567},[562,4029,4030,4032,4034],{"class":564,"line":985},[562,4031,978],{"class":567},[562,4033,917],{"class":571},[562,4035,625],{"class":567},[562,4037,4038,4040,4042,4044,4046,4048,4051,4053],{"class":564,"line":995},[562,4039,841],{"class":567},[562,4041,1797],{"class":571},[562,4043,847],{"class":575},[562,4045,613],{"class":567},[562,4047,616],{"class":567},[562,4049,4050],{"class":619},"[0, 10, 10]",[562,4052,616],{"class":567},[562,4054,579],{"class":567},[562,4056,4058,4060,4062],{"class":564,"line":4057},26,[562,4059,988],{"class":567},[562,4061,833],{"class":571},[562,4063,625],{"class":567},[562,4065,4067,4069,4071],{"class":564,"line":4066},27,[562,4068,805],{"class":567},[562,4070,822],{"class":571},[562,4072,625],{"class":567},[581,4074,4076],{"id":4075},"arguments","Arguments",[1007,4078,4079,4092],{},[1010,4080,4081],{},[1013,4082,4083,4085,4088,4090],{},[1016,4084,1019],{"align":1018},[1016,4086,4087],{},"Type",[1016,4089,1025],{},[1016,4091,1022],{},[1027,4093,4094,4111],{},[1013,4095,4096,4101,4105,4108],{},[1032,4097,4098],{"align":1018},[1848,4099,4100],{},"Selector",[1032,4102,4103],{},[543,4104,1067],{},[1032,4106,4107],{},"Required",[1032,4109,4110],{},"The object to download. Could be an array of objects",[1013,4112,4113,4117,4121,4126],{},[1032,4114,4115],{"align":1018},[1848,4116,3632],{},[1032,4118,4119],{},[543,4120,3632],{},[1032,4122,4123],{},[543,4124,4125],{},"undefined",[1032,4127,4128],{},"Description below",[1176,4130,3632],{"id":3631},[1007,4132,4133,4145],{},[1010,4134,4135],{},[1013,4136,4137,4139,4141,4143],{},[1016,4138,1019],{"align":1018},[1016,4140,4087],{"align":1018},[1016,4142,1025],{"align":1018},[1016,4144,1022],{"align":1018},[1027,4146,4147,4166,4184,4202,4221,4240,4258],{},[1013,4148,4149,4154,4159,4163],{},[1032,4150,4151],{"align":1018},[1848,4152,4153],{},"trs",[1032,4155,4156],{"align":1018},[543,4157,4158],{},"bool",[1032,4160,4161],{"align":1018},[543,4162,1090],{},[1032,4164,4165],{"align":1018},"Export position, rotation and scale instead of matrix per node",[1013,4167,4168,4173,4177,4181],{},[1032,4169,4170],{"align":1018},[1848,4171,4172],{},"onlyVisible",[1032,4174,4175],{"align":1018},[543,4176,4158],{},[1032,4178,4179],{"align":1018},[543,4180,3648],{},[1032,4182,4183],{"align":1018},"Export only visible objects",[1013,4185,4186,4191,4195,4199],{},[1032,4187,4188],{"align":1018},[1848,4189,4190],{},"binary",[1032,4192,4193],{"align":1018},[543,4194,4158],{},[1032,4196,4197],{"align":1018},[543,4198,1090],{},[1032,4200,4201],{"align":1018},"Export in binary (.glb) format, returning an ArrayBuffer",[1013,4203,4204,4209,4213,4218],{},[1032,4205,4206],{"align":1018},[1848,4207,4208],{},"maxTextureSize",[1032,4210,4211],{"align":1018},[543,4212,2341],{},[1032,4214,4215],{"align":1018},[543,4216,4217],{},"Infinity",[1032,4219,4220],{"align":1018},"Restricts the image maximum size (both width and height) to the given value",[1013,4222,4223,4228,4233,4237],{},[1032,4224,4225],{"align":1018},[1848,4226,4227],{},"animations",[1032,4229,4230],{"align":1018},[543,4231,4232],{},"Array\u003CAnimationClip>",[1032,4234,4235],{"align":1018},[543,4236,4125],{},[1032,4238,4239],{"align":1018},"List of animations to be included in the export",[1013,4241,4242,4247,4251,4255],{},[1032,4243,4244],{"align":1018},[1848,4245,4246],{},"includeCustomExtensions",[1032,4248,4249],{"align":1018},[543,4250,4158],{},[1032,4252,4253],{"align":1018},[543,4254,1090],{},[1032,4256,4257],{"align":1018},"Export custom glTF extensions defined on an object's userData.gltfExtensions",[1013,4259,4260,4265,4269,4274],{},[1032,4261,4262],{"align":1018},[1848,4263,4264],{},"fileName",[1032,4266,4267],{"align":1018},[543,4268,2298],{},[1032,4270,4271],{"align":1018},[543,4272,4273],{},"Object name",[1032,4275,4276],{"align":1018},"Name of the generated file",[1189,4278,4279],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}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);}",{"title":512,"searchDepth":513,"depth":514,"links":4281},[4282,4283],{"id":3692,"depth":514,"text":3693},{"id":4075,"depth":514,"text":4076,"children":4284},[4285],{"id":3631,"depth":588,"text":3632},"Export 3D objects to GLTF format.",{},{"title":491,"description":4286},"ls7xbos-wdqomwboeVd0l1d29JncmAz9XxdqK17moKs",{"id":4291,"title":495,"body":4292,"description":4587,"extension":517,"links":518,"meta":4588,"navigation":520,"path":496,"seo":4589,"stem":497,"__hash__":4590},"docs/2.api/miscellaneous/use-intersect.md",{"type":501,"value":4293,"toc":4582},[4294,4313,4315,4331,4476,4478,4507,4511,4579],[504,4295,4296,4298,4299,4302,4303,4306,4307,4312],{},[543,4297,495],{}," is a function that returns ",[543,4300,4301],{},"intersect",", a ",[543,4304,4305],{},"Ref\u003Cboolean>"," that's updated when the observed object enters or leaves the screen. This relies on ",[1221,4308,4311],{"href":4309,"rel":4310},"https://threejs.org/docs/#api/en/core/Object3D.onBeforeRender",[1225],"THREE.Object3D.onBeforeRender"," so it only works on objects that are effectively rendered, like meshes, lines, sprites. It won't work on other types like group, object3d, bone, etc.",[581,4314,15],{"id":583},[2233,4316,4317],{},[504,4318,4319,4321,4322,4324,4325,4327,4328,767],{},[543,4320,495],{}," requires a ",[543,4323,833],{}," context, so it is only available in ",[543,4326,833],{}," descendant components' ",[543,4329,4330],{},"\u003Cscript setup>",[554,4332,4335],{"className":556,"code":4333,"highlights":4334,"language":558,"meta":512,"style":512},"\u003Cscript setup lang=\"ts\">\nimport { Torus, useIntersect } from '@tresjs/cientos'\n\nconst { ref, intersect, off } = useIntersect()\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTorus ref=\"ref\">\n    \u003CTresMeshNormalMaterial />\n  \u003C/Torus>\n\u003C/template>\n",[514,684],[543,4336,4337,4357,4382,4386,4413,4421,4425,4433,4452,4460,4468],{"__ignoreMap":512},[562,4338,4339,4341,4343,4345,4347,4349,4351,4353,4355],{"class":564,"line":513},[562,4340,568],{"class":567},[562,4342,604],{"class":571},[562,4344,607],{"class":575},[562,4346,610],{"class":575},[562,4348,613],{"class":567},[562,4350,616],{"class":567},[562,4352,620],{"class":619},[562,4354,616],{"class":567},[562,4356,625],{"class":567},[562,4358,4360,4362,4364,4367,4369,4372,4374,4376,4378,4380],{"class":4359,"line":514},[564,657],[562,4361,631],{"class":630},[562,4363,634],{"class":567},[562,4365,4366],{"class":637}," Torus",[562,4368,667],{"class":567},[562,4370,4371],{"class":637}," useIntersect",[562,4373,641],{"class":567},[562,4375,644],{"class":630},[562,4377,647],{"class":567},[562,4379,679],{"class":619},[562,4381,653],{"class":567},[562,4383,4384],{"class":564,"line":588},[562,4385,707],{"emptyLinePlaceholder":520},[562,4387,4389,4391,4393,4395,4397,4400,4402,4405,4407,4409,4411],{"class":4388,"line":684},[564,657],[562,4390,713],{"class":575},[562,4392,634],{"class":567},[562,4394,879],{"class":637},[562,4396,667],{"class":567},[562,4398,4399],{"class":637}," intersect",[562,4401,667],{"class":567},[562,4403,4404],{"class":637}," off ",[562,4406,2088],{"class":567},[562,4408,2697],{"class":567},[562,4410,4371],{"class":721},[562,4412,724],{"class":637},[562,4414,4415,4417,4419],{"class":564,"line":704},[562,4416,805],{"class":567},[562,4418,604],{"class":571},[562,4420,625],{"class":567},[562,4422,4423],{"class":564,"line":589},[562,4424,707],{"emptyLinePlaceholder":520},[562,4426,4427,4429,4431],{"class":564,"line":590},[562,4428,568],{"class":567},[562,4430,822],{"class":571},[562,4432,625],{"class":567},[562,4434,4435,4437,4439,4441,4443,4445,4448,4450],{"class":564,"line":741},[562,4436,830],{"class":567},[562,4438,297],{"class":571},[562,4440,879],{"class":575},[562,4442,613],{"class":567},[562,4444,616],{"class":567},[562,4446,4447],{"class":619},"ref",[562,4449,616],{"class":567},[562,4451,625],{"class":567},[562,4453,4454,4456,4458],{"class":564,"line":591},[562,4455,841],{"class":567},[562,4457,960],{"class":571},[562,4459,579],{"class":567},[562,4461,4462,4464,4466],{"class":564,"line":592},[562,4463,988],{"class":567},[562,4465,297],{"class":571},[562,4467,625],{"class":567},[562,4469,4470,4472,4474],{"class":564,"line":593},[562,4471,805],{"class":567},[562,4473,822],{"class":571},[562,4475,625],{"class":567},[581,4477,4076],{"id":4075},[1007,4479,4480,4490],{},[1010,4481,4482],{},[1013,4483,4484,4486,4488],{},[1016,4485,1019],{"align":1018},[1016,4487,1022],{},[1016,4489,4087],{},[1027,4491,4492],{},[1013,4493,4494,4499,4502],{},[1032,4495,4496],{"align":1018},[1848,4497,4498],{},"onChange",[1032,4500,4501],{},"Optional callback function triggered when the observed object enters or leaves the screen.",[1032,4503,4504],{},[543,4505,4506],{},"(isIntersected: boolean) => void",[581,4508,4510],{"id":4509},"return","Return",[1007,4512,4513,4523],{},[1010,4514,4515],{},[1013,4516,4517,4519,4521],{},[1016,4518,1019],{"align":1018},[1016,4520,1022],{},[1016,4522,4087],{},[1027,4524,4525,4543,4558],{},[1013,4526,4527,4531,4538],{},[1032,4528,4529],{"align":1018},[1848,4530,4447],{},[1032,4532,4533,4534,4537],{},"Vue ",[543,4535,4536],{},"ShallowRef"," to pass to the object to be observed.",[1032,4539,4540],{},[543,4541,4542],{},"ShallowRef\u003CObject3D>",[1013,4544,4545,4550,4553],{},[1032,4546,4547],{"align":1018},[1848,4548,4549],{},"intersects",[1032,4551,4552],{},"Updates when the observed object's intersect status changes.",[1032,4554,4555],{},[543,4556,4557],{},"ShallowRef\u003Cboolean>",[1013,4559,4560,4565,4574],{},[1032,4561,4562],{"align":1018},[1848,4563,4564],{},"off",[1032,4566,4567,4568,4570,4571,4573],{},"Calling this function stops ",[543,4569,495],{}," until ",[543,4572,4447],{}," changes.",[1032,4575,4576],{},[543,4577,4578],{},"() => void",[1189,4580,4581],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}",{"title":512,"searchDepth":513,"depth":514,"links":4583},[4584,4585,4586],{"id":583,"depth":514,"text":15},{"id":4075,"depth":514,"text":4076},{"id":4509,"depth":514,"text":4510},"Detect when objects enter or leave the screen.",{},{"title":495,"description":4587},"QAcMQnGWf_fxqwXEeZxQJtNfPCiyyVyBtXuwXAh1Cg4",1786474296333]