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