[{"data":1,"prerenderedAt":1333},["ShallowReactive",2],{"navigation":3,"/api/loaders/gltf-model":466,"/api/loaders/gltf-model-surround":1328},[4,22],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":19,"path":20,"stem":21},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/4.upgrade-guide",{"title":23,"path":24,"stem":25,"children":26},"Api","/api","2.api",[27,30,80,110,152,186,280,306,340,390,432],{"title":28,"path":24,"stem":29},"All","2.api/index",{"title":31,"path":32,"stem":33,"children":34},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[35,36,40,44,48,52,56,60,64,68,72,76],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":41,"path":42,"stem":43},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":45,"path":46,"stem":47},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":49,"path":50,"stem":51},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":53,"path":54,"stem":55},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":57,"path":58,"stem":59},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":61,"path":62,"stem":63},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":65,"path":66,"stem":67},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":69,"path":70,"stem":71},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":73,"path":74,"stem":75},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":77,"path":78,"stem":79},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":81,"path":82,"stem":83,"children":84},"Controls","/api/controls","2.api/2.controls/index",[85,86,90,94,98,102,106],{"title":81,"path":82,"stem":83},{"title":87,"path":88,"stem":89},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":91,"path":92,"stem":93},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":95,"path":96,"stem":97},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":99,"path":100,"stem":101},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":103,"path":104,"stem":105},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":107,"path":108,"stem":109},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":111,"path":112,"stem":113,"children":114},"Loaders","/api/loaders","2.api/3.loaders/index",[115,116,120,124,128,132,136,140,144,148],{"title":111,"path":112,"stem":113},{"title":117,"path":118,"stem":119},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":121,"path":122,"stem":123},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":125,"path":126,"stem":127},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":129,"path":130,"stem":131},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":133,"path":134,"stem":135},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":137,"path":138,"stem":139},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":141,"path":142,"stem":143},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":145,"path":146,"stem":147},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":149,"path":150,"stem":151},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":153,"path":154,"stem":155,"children":156},"Materials","/api/materials","2.api/4.materials/index",[157,158,162,166,170,174,178,182],{"title":153,"path":154,"stem":155},{"title":159,"path":160,"stem":161},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":163,"path":164,"stem":165},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":167,"path":168,"stem":169},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":171,"path":172,"stem":173},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":175,"path":176,"stem":177},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":179,"path":180,"stem":181},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":183,"path":184,"stem":185},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":187,"path":188,"stem":189,"children":190},"Shapes","/api/shapes","2.api/5.shapes/index",[191,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276],{"title":187,"path":188,"stem":189},{"title":193,"path":194,"stem":195},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":197,"path":198,"stem":199},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":201,"path":202,"stem":203},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":205,"path":206,"stem":207},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":209,"path":210,"stem":211},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":213,"path":214,"stem":215},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":217,"path":218,"stem":219},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":221,"path":222,"stem":223},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":225,"path":226,"stem":227},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":229,"path":230,"stem":231},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":233,"path":234,"stem":235},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":237,"path":238,"stem":239},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":241,"path":242,"stem":243},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":245,"path":246,"stem":247},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":249,"path":250,"stem":251},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":253,"path":254,"stem":255},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":257,"path":258,"stem":259},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":261,"path":262,"stem":263},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":265,"path":266,"stem":267},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":269,"path":270,"stem":271},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":273,"path":274,"stem":275},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":277,"path":278,"stem":279},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":281,"path":282,"stem":283,"children":284},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[285,286,290,294,298,302],{"title":281,"path":282,"stem":283},{"title":287,"path":288,"stem":289},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":291,"path":292,"stem":293},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":295,"path":296,"stem":297},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":299,"path":300,"stem":301},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":303,"path":304,"stem":305},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":307,"path":308,"stem":309,"children":310},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[311,312,316,320,324,328,332,336],{"title":307,"path":308,"stem":309},{"title":313,"path":314,"stem":315},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":317,"path":318,"stem":319},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":321,"path":322,"stem":323},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":325,"path":326,"stem":327},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":329,"path":330,"stem":331},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":333,"path":334,"stem":335},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":337,"path":338,"stem":339},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":341,"path":342,"stem":343,"children":344},"Staging","/api/staging","2.api/8.staging/index",[345,346,350,354,358,362,366,370,374,378,382,386],{"title":341,"path":342,"stem":343},{"title":347,"path":348,"stem":349},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":351,"path":352,"stem":353},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":355,"path":356,"stem":357},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":359,"path":360,"stem":361},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":363,"path":364,"stem":365},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":367,"path":368,"stem":369},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":371,"path":372,"stem":373},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":375,"path":376,"stem":377},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":379,"path":380,"stem":381},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":383,"path":384,"stem":385},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":387,"path":388,"stem":389},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":391,"path":392,"stem":393,"children":394},"Objects","/api/objects","2.api/9.objects/index",[395,396,400,404,408,412,416,420,424,428],{"title":391,"path":392,"stem":393},{"title":397,"path":398,"stem":399},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":401,"path":402,"stem":403},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":405,"path":406,"stem":407},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":409,"path":410,"stem":411},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":413,"path":414,"stem":415},"HTML","/api/objects/html","2.api/9.objects/html",{"title":417,"path":418,"stem":419},"Image","/api/objects/image","2.api/9.objects/image",{"title":421,"path":422,"stem":423},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":425,"path":426,"stem":427},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":429,"path":430,"stem":431},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":433,"path":434,"stem":435,"children":436},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[437,438,442,446,450,454,458,462],{"title":433,"path":434,"stem":435},{"title":439,"path":440,"stem":441},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":443,"path":444,"stem":445},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":447,"path":448,"stem":449},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":451,"path":452,"stem":453},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":455,"path":456,"stem":457},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":459,"path":460,"stem":461},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":463,"path":464,"stem":465},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":467,"title":121,"body":468,"description":1322,"extension":1323,"links":1324,"meta":1325,"navigation":582,"path":122,"seo":1326,"stem":123,"__hash__":1327},"docs/2.api/3.loaders/2.gltf-model.md",{"type":469,"value":470,"toc":1317},"minimark",[471,477,492,496,947,951,962,1201,1205,1313],[472,473,474],"scene-wrapper",{},[475,476],"loaders-gltf",{},[478,479,480,481,484,485,491],"p",{},"The ",[482,483,121],"code",{}," component is a wrapper around ",[486,487,489],"a",{"href":488},"./use-gltf",[482,490,117],{}," composable and accepts the same options as props.",[493,494,15],"h2",{"id":495},"usage",[497,498,499,661],"code-group",{},[500,501,510],"pre",{"className":502,"code":503,"filename":504,"highlights":505,"language":508,"meta":509,"style":509},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { GLTFModel } from '@tresjs/cientos'\n\nconst path = './blender-cube.glb'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CGLTFModel :path=\"path\" />\n\u003C/template>\n","TheModel.vue",[506,507],2,8,"vue","",[482,511,512,547,577,584,602,612,617,627,652],{"__ignoreMap":509},[513,514,517,521,525,529,532,535,538,542,544],"span",{"class":515,"line":516},"line",1,[513,518,520],{"class":519},"sMK4o","\u003C",[513,522,524],{"class":523},"swJcz","script",[513,526,528],{"class":527},"spNyl"," setup",[513,530,531],{"class":527}," lang",[513,533,534],{"class":519},"=",[513,536,537],{"class":519},"\"",[513,539,541],{"class":540},"sfazB","ts",[513,543,537],{"class":519},[513,545,546],{"class":519},">\n",[513,548,551,555,558,562,565,568,571,574],{"class":549,"line":506},[515,550],"highlight",[513,552,554],{"class":553},"s7zQu","import",[513,556,557],{"class":519}," {",[513,559,561],{"class":560},"sTEyZ"," GLTFModel",[513,563,564],{"class":519}," }",[513,566,567],{"class":553}," from",[513,569,570],{"class":519}," '",[513,572,573],{"class":540},"@tresjs/cientos",[513,575,576],{"class":519},"'\n",[513,578,580],{"class":515,"line":579},3,[513,581,583],{"emptyLinePlaceholder":582},true,"\n",[513,585,587,590,593,595,597,600],{"class":515,"line":586},4,[513,588,589],{"class":527},"const",[513,591,592],{"class":560}," path ",[513,594,534],{"class":519},[513,596,570],{"class":519},[513,598,599],{"class":540},"./blender-cube.glb",[513,601,576],{"class":519},[513,603,605,608,610],{"class":515,"line":604},5,[513,606,607],{"class":519},"\u003C/",[513,609,524],{"class":523},[513,611,546],{"class":519},[513,613,615],{"class":515,"line":614},6,[513,616,583],{"emptyLinePlaceholder":582},[513,618,620,622,625],{"class":515,"line":619},7,[513,621,520],{"class":519},[513,623,624],{"class":523},"template",[513,626,546],{"class":519},[513,628,630,633,635,638,641,643,645,647,649],{"class":629,"line":507},[515,550],[513,631,632],{"class":519},"  \u003C",[513,634,121],{"class":523},[513,636,637],{"class":519}," :",[513,639,640],{"class":527},"path",[513,642,534],{"class":519},[513,644,537],{"class":519},[513,646,640],{"class":560},[513,648,537],{"class":519},[513,650,651],{"class":519}," />\n",[513,653,655,657,659],{"class":515,"line":654},9,[513,656,607],{"class":519},[513,658,624],{"class":523},[513,660,546],{"class":519},[500,662,665],{"className":502,"code":663,"filename":664,"language":508,"meta":509,"style":509},"\u003Cscript setup lang=\"ts\">\nimport { OrbitControls } from '@tresjs/cientos'\nimport { TresCanvas } from '@tresjs/core'\nimport TheModel from './TheModel.vue'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#F78B3D\">\n    \u003CTresPerspectiveCamera :position=\"[3, 2, 5]\" />\n    \u003COrbitControls />\n    \u003CTheModel />\n    \u003CTresDirectionalLight\n      :intensity=\"2\"\n      :position=\"[3, 3, 3]\"\n    />\n    \u003CTresAmbientLight :intensity=\"1\" />\n  \u003C/TresCanvas>\n\u003C/template>\n","app.vue",[482,666,667,687,706,726,743,751,755,763,784,826,836,846,854,872,899,905,928,938],{"__ignoreMap":509},[513,668,669,671,673,675,677,679,681,683,685],{"class":515,"line":516},[513,670,520],{"class":519},[513,672,524],{"class":523},[513,674,528],{"class":527},[513,676,531],{"class":527},[513,678,534],{"class":519},[513,680,537],{"class":519},[513,682,541],{"class":540},[513,684,537],{"class":519},[513,686,546],{"class":519},[513,688,689,691,693,696,698,700,702,704],{"class":515,"line":506},[513,690,554],{"class":553},[513,692,557],{"class":519},[513,694,695],{"class":560}," OrbitControls",[513,697,564],{"class":519},[513,699,567],{"class":553},[513,701,570],{"class":519},[513,703,573],{"class":540},[513,705,576],{"class":519},[513,707,708,710,712,715,717,719,721,724],{"class":515,"line":579},[513,709,554],{"class":553},[513,711,557],{"class":519},[513,713,714],{"class":560}," TresCanvas",[513,716,564],{"class":519},[513,718,567],{"class":553},[513,720,570],{"class":519},[513,722,723],{"class":540},"@tresjs/core",[513,725,576],{"class":519},[513,727,728,730,733,736,738,741],{"class":515,"line":586},[513,729,554],{"class":553},[513,731,732],{"class":560}," TheModel ",[513,734,735],{"class":553},"from",[513,737,570],{"class":519},[513,739,740],{"class":540},"./TheModel.vue",[513,742,576],{"class":519},[513,744,745,747,749],{"class":515,"line":604},[513,746,607],{"class":519},[513,748,524],{"class":523},[513,750,546],{"class":519},[513,752,753],{"class":515,"line":614},[513,754,583],{"emptyLinePlaceholder":582},[513,756,757,759,761],{"class":515,"line":619},[513,758,520],{"class":519},[513,760,624],{"class":523},[513,762,546],{"class":519},[513,764,765,767,770,773,775,777,780,782],{"class":515,"line":507},[513,766,632],{"class":519},[513,768,769],{"class":523},"TresCanvas",[513,771,772],{"class":527}," clear-color",[513,774,534],{"class":519},[513,776,537],{"class":519},[513,778,779],{"class":540},"#F78B3D",[513,781,537],{"class":519},[513,783,546],{"class":519},[513,785,786,789,792,794,797,799,801,804,808,811,814,816,819,822,824],{"class":515,"line":654},[513,787,788],{"class":519},"    \u003C",[513,790,791],{"class":523},"TresPerspectiveCamera",[513,793,637],{"class":519},[513,795,796],{"class":527},"position",[513,798,534],{"class":519},[513,800,537],{"class":519},[513,802,803],{"class":519},"[",[513,805,807],{"class":806},"sbssI","3",[513,809,810],{"class":519},", ",[513,812,813],{"class":806},"2",[513,815,810],{"class":519},[513,817,818],{"class":806},"5",[513,820,821],{"class":519},"]",[513,823,537],{"class":519},[513,825,651],{"class":519},[513,827,829,831,834],{"class":515,"line":828},10,[513,830,788],{"class":519},[513,832,833],{"class":523},"OrbitControls",[513,835,651],{"class":519},[513,837,839,841,844],{"class":515,"line":838},11,[513,840,788],{"class":519},[513,842,843],{"class":523},"TheModel",[513,845,651],{"class":519},[513,847,849,851],{"class":515,"line":848},12,[513,850,788],{"class":519},[513,852,853],{"class":523},"TresDirectionalLight\n",[513,855,857,860,863,865,867,869],{"class":515,"line":856},13,[513,858,859],{"class":519},"      :",[513,861,862],{"class":527},"intensity",[513,864,534],{"class":519},[513,866,537],{"class":519},[513,868,813],{"class":806},[513,870,871],{"class":519},"\"\n",[513,873,875,877,879,881,883,885,887,889,891,893,895,897],{"class":515,"line":874},14,[513,876,859],{"class":519},[513,878,796],{"class":527},[513,880,534],{"class":519},[513,882,537],{"class":519},[513,884,803],{"class":519},[513,886,807],{"class":806},[513,888,810],{"class":519},[513,890,807],{"class":806},[513,892,810],{"class":519},[513,894,807],{"class":806},[513,896,821],{"class":519},[513,898,871],{"class":519},[513,900,902],{"class":515,"line":901},15,[513,903,904],{"class":519},"    />\n",[513,906,908,910,913,915,917,919,921,924,926],{"class":515,"line":907},16,[513,909,788],{"class":519},[513,911,912],{"class":523},"TresAmbientLight",[513,914,637],{"class":519},[513,916,862],{"class":527},[513,918,534],{"class":519},[513,920,537],{"class":519},[513,922,923],{"class":806},"1",[513,925,537],{"class":519},[513,927,651],{"class":519},[513,929,931,934,936],{"class":515,"line":930},17,[513,932,933],{"class":519},"  \u003C/",[513,935,769],{"class":523},[513,937,546],{"class":519},[513,939,941,943,945],{"class":515,"line":940},18,[513,942,607],{"class":519},[513,944,624],{"class":523},[513,946,546],{"class":519},[493,948,950],{"id":949},"model-reference","Model reference",[478,952,953,954,957,958,961],{},"You can access the model reference by passing a ",[482,955,956],{},"ref"," to the ",[482,959,960],{},"model"," prop and then using to get the object.",[500,963,965],{"className":502,"code":964,"language":508,"meta":509,"style":509},"\u003Cscript setup lang=\"ts\">\nimport type { TresObject } from 'tresjs'\nimport { GLTFModel } from '@tresjs/cientos'\n\nconst modelRef = shallowRef\u003CTresObject>()\n\nwatch(modelRef, (model) => {\n  // Do something with the model\n  model.position.set(0, 0, 0)\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CGLTFModel\n    ref=\"modelRef\"\n    path=\"https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb\"\n  />\n\u003C/template>\n",[482,966,967,987,1010,1028,1032,1057,1061,1087,1093,1126,1133,1141,1145,1153,1160,1174,1188,1193],{"__ignoreMap":509},[513,968,969,971,973,975,977,979,981,983,985],{"class":515,"line":516},[513,970,520],{"class":519},[513,972,524],{"class":523},[513,974,528],{"class":527},[513,976,531],{"class":527},[513,978,534],{"class":519},[513,980,537],{"class":519},[513,982,541],{"class":540},[513,984,537],{"class":519},[513,986,546],{"class":519},[513,988,989,991,994,996,999,1001,1003,1005,1008],{"class":515,"line":506},[513,990,554],{"class":553},[513,992,993],{"class":553}," type",[513,995,557],{"class":519},[513,997,998],{"class":560}," TresObject",[513,1000,564],{"class":519},[513,1002,567],{"class":553},[513,1004,570],{"class":519},[513,1006,1007],{"class":540},"tresjs",[513,1009,576],{"class":519},[513,1011,1012,1014,1016,1018,1020,1022,1024,1026],{"class":515,"line":579},[513,1013,554],{"class":553},[513,1015,557],{"class":519},[513,1017,561],{"class":560},[513,1019,564],{"class":519},[513,1021,567],{"class":553},[513,1023,570],{"class":519},[513,1025,573],{"class":540},[513,1027,576],{"class":519},[513,1029,1030],{"class":515,"line":586},[513,1031,583],{"emptyLinePlaceholder":582},[513,1033,1034,1036,1039,1041,1045,1047,1051,1054],{"class":515,"line":604},[513,1035,589],{"class":527},[513,1037,1038],{"class":560}," modelRef ",[513,1040,534],{"class":519},[513,1042,1044],{"class":1043},"s2Zo4"," shallowRef",[513,1046,520],{"class":519},[513,1048,1050],{"class":1049},"sBMFI","TresObject",[513,1052,1053],{"class":519},">",[513,1055,1056],{"class":560},"()\n",[513,1058,1059],{"class":515,"line":614},[513,1060,583],{"emptyLinePlaceholder":582},[513,1062,1063,1066,1069,1072,1075,1078,1081,1084],{"class":515,"line":619},[513,1064,1065],{"class":1043},"watch",[513,1067,1068],{"class":560},"(modelRef",[513,1070,1071],{"class":519},",",[513,1073,1074],{"class":519}," (",[513,1076,960],{"class":1077},"sHdIc",[513,1079,1080],{"class":519},")",[513,1082,1083],{"class":527}," =>",[513,1085,1086],{"class":519}," {\n",[513,1088,1089],{"class":515,"line":507},[513,1090,1092],{"class":1091},"sHwdD","  // Do something with the model\n",[513,1094,1095,1098,1101,1103,1105,1108,1111,1114,1116,1119,1121,1123],{"class":515,"line":654},[513,1096,1097],{"class":560},"  model",[513,1099,1100],{"class":519},".",[513,1102,796],{"class":560},[513,1104,1100],{"class":519},[513,1106,1107],{"class":1043},"set",[513,1109,1110],{"class":523},"(",[513,1112,1113],{"class":806},"0",[513,1115,1071],{"class":519},[513,1117,1118],{"class":806}," 0",[513,1120,1071],{"class":519},[513,1122,1118],{"class":806},[513,1124,1125],{"class":523},")\n",[513,1127,1128,1131],{"class":515,"line":828},[513,1129,1130],{"class":519},"}",[513,1132,1125],{"class":560},[513,1134,1135,1137,1139],{"class":515,"line":838},[513,1136,607],{"class":519},[513,1138,524],{"class":523},[513,1140,546],{"class":519},[513,1142,1143],{"class":515,"line":848},[513,1144,583],{"emptyLinePlaceholder":582},[513,1146,1147,1149,1151],{"class":515,"line":856},[513,1148,520],{"class":519},[513,1150,624],{"class":523},[513,1152,546],{"class":519},[513,1154,1155,1157],{"class":515,"line":874},[513,1156,632],{"class":519},[513,1158,1159],{"class":523},"GLTFModel\n",[513,1161,1162,1165,1167,1169,1172],{"class":515,"line":901},[513,1163,1164],{"class":527},"    ref",[513,1166,534],{"class":519},[513,1168,537],{"class":519},[513,1170,1171],{"class":540},"modelRef",[513,1173,871],{"class":519},[513,1175,1176,1179,1181,1183,1186],{"class":515,"line":907},[513,1177,1178],{"class":527},"    path",[513,1180,534],{"class":519},[513,1182,537],{"class":519},[513,1184,1185],{"class":540},"https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb",[513,1187,871],{"class":519},[513,1189,1190],{"class":515,"line":930},[513,1191,1192],{"class":519},"  />\n",[513,1194,1195,1197,1199],{"class":515,"line":940},[513,1196,607],{"class":519},[513,1198,624],{"class":523},[513,1200,546],{"class":519},[493,1202,1204],{"id":1203},"props","Props",[1206,1207,1208,1225],"table",{},[1209,1210,1211],"thead",{},[1212,1213,1214,1219,1222],"tr",{},[1215,1216,1218],"th",{"align":1217},"left","Prop",[1215,1220,1221],{"align":1217},"Description",[1215,1223,1224],{},"Default",[1226,1227,1228,1243,1265,1279,1297],"tbody",{},[1212,1229,1230,1235,1238],{},[1231,1232,1233],"td",{"align":1217},[482,1234,640],{},[1231,1236,1237],{"align":1217},"Path to the model file.",[1231,1239,1240],{},[482,1241,1242],{},"undefined",[1212,1244,1245,1250,1260],{},[1231,1246,1247],{"align":1217},[482,1248,1249],{},"draco",[1231,1251,1252,1253,1259],{"align":1217},"Enable ",[486,1254,1258],{"href":1255,"rel":1256},"https://threejs.org/docs/index.html?q=drac#examples/en/loaders/DRACOLoader",[1257],"nofollow","Draco compression"," for the model.",[1231,1261,1262],{},[482,1263,1264],{},"false",[1212,1266,1267,1272,1275],{},[1231,1268,1269],{"align":1217},[482,1270,1271],{},"decoderPath",[1231,1273,1274],{"align":1217},"Path to a local Draco decoder.",[1231,1276,1277],{},[482,1278,1242],{},[1212,1280,1281,1286,1293],{},[1231,1282,1283],{"align":1217},[482,1284,1285],{},"castShadow",[1231,1287,1288,1289,1292],{"align":1217},"Apply ",[482,1290,1291],{},"cast-shadow"," to all meshes inside your model.",[1231,1294,1295],{},[482,1296,1264],{},[1212,1298,1299,1304,1309],{},[1231,1300,1301],{"align":1217},[482,1302,1303],{},"receiveShadow",[1231,1305,1288,1306,1292],{"align":1217},[482,1307,1308],{},"receive-shadow",[1231,1310,1311],{},[482,1312,1264],{},[1314,1315,1316],"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 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);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":509,"searchDepth":516,"depth":506,"links":1318},[1319,1320,1321],{"id":495,"depth":506,"text":15},{"id":949,"depth":506,"text":950},{"id":1203,"depth":506,"text":1204},"A component based on useGLTF to load models in TresJS scenes.","md",null,{},{"title":121,"description":1322},"JWe9EOh88vpjOxxjTHRWWuR-5fc1X6B09G1a16LfXnY",[1329,1331],{"title":117,"path":118,"stem":119,"description":1330,"children":-1},"A composable to load GLTF models in TresJS scenes.",{"title":125,"path":126,"stem":127,"description":1332,"children":-1},"A composable to load FBX models in TresJS scenes.",1774953653394]