[{"data":1,"prerenderedAt":1297},["ShallowReactive",2],{"navigation":3,"/api/loaders/fbx-model":466,"/api/loaders/fbx-model-surround":1292},[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":129,"body":468,"description":1286,"extension":1287,"links":1288,"meta":1289,"navigation":582,"path":130,"seo":1290,"stem":131,"__hash__":1291},"docs/2.api/3.loaders/4.fbx-model.md",{"type":469,"value":470,"toc":1281},"minimark",[471,477,492,496,947,951,961,1200,1204,1277],[472,473,474],"scene-wrapper",{},[475,476],"loaders-fbx",{},[478,479,480,481,484,485,491],"p",{},"The ",[482,483,129],"code",{}," component is a wrapper around ",[486,487,489],"a",{"href":488},"./use-fbx",[482,490,125],{}," 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 { FBXModel } from '@tresjs/cientos'\n\nconst path = './Jeep_done.fbx'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CFBXModel :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"," FBXModel",[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},"./Jeep_done.fbx",[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,129],{"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,960],{},"You can access the model reference by passing a ",[482,955,956],{},"ref"," to the ",[482,959,129],{}," component and then using it to get the object.",[500,962,964],{"className":502,"code":963,"language":508,"meta":509,"style":509},"\u003Cscript setup lang=\"ts\">\nimport type { TresObject } from '@tresjs/core'\nimport { FBXModel } 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  \u003CFBXModel\n    ref=\"modelRef\"\n    path=\"https://raw.githubusercontent.com/Tresjs/assets/main/models/fbx/low-poly-truck/Jeep_done.fbx\"\n  />\n\u003C/template>\n",[482,965,966,986,1008,1026,1030,1055,1059,1086,1092,1125,1132,1140,1144,1152,1159,1173,1187,1192],{"__ignoreMap":509},[513,967,968,970,972,974,976,978,980,982,984],{"class":515,"line":516},[513,969,520],{"class":519},[513,971,524],{"class":523},[513,973,528],{"class":527},[513,975,531],{"class":527},[513,977,534],{"class":519},[513,979,537],{"class":519},[513,981,541],{"class":540},[513,983,537],{"class":519},[513,985,546],{"class":519},[513,987,988,990,993,995,998,1000,1002,1004,1006],{"class":515,"line":506},[513,989,554],{"class":553},[513,991,992],{"class":553}," type",[513,994,557],{"class":519},[513,996,997],{"class":560}," TresObject",[513,999,564],{"class":519},[513,1001,567],{"class":553},[513,1003,570],{"class":519},[513,1005,723],{"class":540},[513,1007,576],{"class":519},[513,1009,1010,1012,1014,1016,1018,1020,1022,1024],{"class":515,"line":579},[513,1011,554],{"class":553},[513,1013,557],{"class":519},[513,1015,561],{"class":560},[513,1017,564],{"class":519},[513,1019,567],{"class":553},[513,1021,570],{"class":519},[513,1023,573],{"class":540},[513,1025,576],{"class":519},[513,1027,1028],{"class":515,"line":586},[513,1029,583],{"emptyLinePlaceholder":582},[513,1031,1032,1034,1037,1039,1043,1045,1049,1052],{"class":515,"line":604},[513,1033,589],{"class":527},[513,1035,1036],{"class":560}," modelRef ",[513,1038,534],{"class":519},[513,1040,1042],{"class":1041},"s2Zo4"," shallowRef",[513,1044,520],{"class":519},[513,1046,1048],{"class":1047},"sBMFI","TresObject",[513,1050,1051],{"class":519},">",[513,1053,1054],{"class":560},"()\n",[513,1056,1057],{"class":515,"line":614},[513,1058,583],{"emptyLinePlaceholder":582},[513,1060,1061,1064,1067,1070,1073,1077,1080,1083],{"class":515,"line":619},[513,1062,1063],{"class":1041},"watch",[513,1065,1066],{"class":560},"(modelRef",[513,1068,1069],{"class":519},",",[513,1071,1072],{"class":519}," (",[513,1074,1076],{"class":1075},"sHdIc","model",[513,1078,1079],{"class":519},")",[513,1081,1082],{"class":527}," =>",[513,1084,1085],{"class":519}," {\n",[513,1087,1088],{"class":515,"line":507},[513,1089,1091],{"class":1090},"sHwdD","  // Do something with the model\n",[513,1093,1094,1097,1100,1102,1104,1107,1110,1113,1115,1118,1120,1122],{"class":515,"line":654},[513,1095,1096],{"class":560},"  model",[513,1098,1099],{"class":519},".",[513,1101,796],{"class":560},[513,1103,1099],{"class":519},[513,1105,1106],{"class":1041},"set",[513,1108,1109],{"class":523},"(",[513,1111,1112],{"class":806},"0",[513,1114,1069],{"class":519},[513,1116,1117],{"class":806}," 0",[513,1119,1069],{"class":519},[513,1121,1117],{"class":806},[513,1123,1124],{"class":523},")\n",[513,1126,1127,1130],{"class":515,"line":828},[513,1128,1129],{"class":519},"}",[513,1131,1124],{"class":560},[513,1133,1134,1136,1138],{"class":515,"line":838},[513,1135,607],{"class":519},[513,1137,524],{"class":523},[513,1139,546],{"class":519},[513,1141,1142],{"class":515,"line":848},[513,1143,583],{"emptyLinePlaceholder":582},[513,1145,1146,1148,1150],{"class":515,"line":856},[513,1147,520],{"class":519},[513,1149,624],{"class":523},[513,1151,546],{"class":519},[513,1153,1154,1156],{"class":515,"line":874},[513,1155,632],{"class":519},[513,1157,1158],{"class":523},"FBXModel\n",[513,1160,1161,1164,1166,1168,1171],{"class":515,"line":901},[513,1162,1163],{"class":527},"    ref",[513,1165,534],{"class":519},[513,1167,537],{"class":519},[513,1169,1170],{"class":540},"modelRef",[513,1172,871],{"class":519},[513,1174,1175,1178,1180,1182,1185],{"class":515,"line":907},[513,1176,1177],{"class":527},"    path",[513,1179,534],{"class":519},[513,1181,537],{"class":519},[513,1183,1184],{"class":540},"https://raw.githubusercontent.com/Tresjs/assets/main/models/fbx/low-poly-truck/Jeep_done.fbx",[513,1186,871],{"class":519},[513,1188,1189],{"class":515,"line":930},[513,1190,1191],{"class":519},"  />\n",[513,1193,1194,1196,1198],{"class":515,"line":940},[513,1195,607],{"class":519},[513,1197,624],{"class":523},[513,1199,546],{"class":519},[493,1201,1203],{"id":1202},"props","Props",[1205,1206,1207,1224],"table",{},[1208,1209,1210],"thead",{},[1211,1212,1213,1218,1221],"tr",{},[1214,1215,1217],"th",{"align":1216},"left","Prop",[1214,1219,1220],{"align":1216},"Description",[1214,1222,1223],{},"Default",[1225,1226,1227,1242,1261],"tbody",{},[1211,1228,1229,1234,1237],{},[1230,1231,1232],"td",{"align":1216},[482,1233,640],{},[1230,1235,1236],{"align":1216},"Path to the model file.",[1230,1238,1239],{},[482,1240,1241],{},"undefined",[1211,1243,1244,1249,1256],{},[1230,1245,1246],{"align":1216},[482,1247,1248],{},"castShadow",[1230,1250,1251,1252,1255],{"align":1216},"Apply ",[482,1253,1254],{},"cast-shadow"," to all meshes inside your model.",[1230,1257,1258],{},[482,1259,1260],{},"false",[1211,1262,1263,1268,1273],{},[1230,1264,1265],{"align":1216},[482,1266,1267],{},"receiveShadow",[1230,1269,1251,1270,1255],{"align":1216},[482,1271,1272],{},"receive-shadow",[1230,1274,1275],{},[482,1276,1260],{},[1278,1279,1280],"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":1282},[1283,1284,1285],{"id":495,"depth":506,"text":15},{"id":949,"depth":506,"text":950},{"id":1202,"depth":506,"text":1203},"A component based on useFBX to load models in TresJS scenes.","md",null,{},{"title":129,"description":1286},"UvFys7XTw8i8N0823KzOVRUmY9Q9yI0fymMbHpSGEfQ",[1293,1295],{"title":125,"path":126,"stem":127,"description":1294,"children":-1},"A composable to load FBX models in TresJS scenes.",{"title":133,"path":134,"stem":135,"description":1296,"children":-1},"A composable to load textures in TresJS scenes.",1774953655373]