[{"data":1,"prerenderedAt":2136},["ShallowReactive",2],{"navigation":3,"/api/loaders/use-textures":498,"/api/loaders/use-textures-surround":2131},[4,26],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18,22],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","/getting-started/installation","1.getting-started/2.installation",{"title":15,"path":16,"stem":17},"Usage","/getting-started/usage","1.getting-started/3.usage",{"title":19,"path":20,"stem":21},"Loading Models","/getting-started/loading-models","1.getting-started/4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/5.upgrade-guide",{"title":27,"path":28,"stem":29,"children":30},"Api","/api","2.api",[31,34,96,126,168,210,308,334,368,418,464],{"title":32,"path":28,"stem":33},"All","2.api/index",{"title":35,"path":36,"stem":37,"children":38},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[39,40,44,48,52,56,60,64,68,72,76,80,84,88,92],{"title":35,"path":36,"stem":37},{"title":41,"path":42,"stem":43},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":45,"path":46,"stem":47},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":49,"path":50,"stem":51},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":53,"path":54,"stem":55},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":57,"path":58,"stem":59},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":61,"path":62,"stem":63},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":65,"path":66,"stem":67},"Instances","/api/abstractions/instances","2.api/1.abstractions/instances",{"title":69,"path":70,"stem":71},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":73,"path":74,"stem":75},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":77,"path":78,"stem":79},"Merged","/api/abstractions/merged","2.api/1.abstractions/merged",{"title":81,"path":82,"stem":83},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":85,"path":86,"stem":87},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":89,"path":90,"stem":91},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":93,"path":94,"stem":95},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":97,"path":98,"stem":99,"children":100},"Controls","/api/controls","2.api/2.controls/index",[101,102,106,110,114,118,122],{"title":97,"path":98,"stem":99},{"title":103,"path":104,"stem":105},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":107,"path":108,"stem":109},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":111,"path":112,"stem":113},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":115,"path":116,"stem":117},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":119,"path":120,"stem":121},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":123,"path":124,"stem":125},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":127,"path":128,"stem":129,"children":130},"Loaders","/api/loaders","2.api/3.loaders/index",[131,132,136,140,144,148,152,156,160,164],{"title":127,"path":128,"stem":129},{"title":133,"path":134,"stem":135},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":137,"path":138,"stem":139},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":141,"path":142,"stem":143},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":145,"path":146,"stem":147},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":149,"path":150,"stem":151},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":153,"path":154,"stem":155},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":157,"path":158,"stem":159},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":161,"path":162,"stem":163},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":165,"path":166,"stem":167},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":169,"path":170,"stem":171,"children":172},"Materials","/api/materials","2.api/4.materials/index",[173,174,178,182,186,190,194,198,202,206],{"title":169,"path":170,"stem":171},{"title":175,"path":176,"stem":177},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":179,"path":180,"stem":181},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":183,"path":184,"stem":185},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":187,"path":188,"stem":189},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":191,"path":192,"stem":193},"Mesh Portal Material","/api/materials/mesh-portal-material","2.api/4.materials/mesh-portal-material",{"title":195,"path":196,"stem":197},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":199,"path":200,"stem":201},"Mesh Transmission Material","/api/materials/mesh-transmission-material","2.api/4.materials/mesh-transmission-material",{"title":203,"path":204,"stem":205},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":207,"path":208,"stem":209},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":211,"path":212,"stem":213,"children":214},"Shapes","/api/shapes","2.api/5.shapes/index",[215,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304],{"title":211,"path":212,"stem":213},{"title":217,"path":218,"stem":219},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":221,"path":222,"stem":223},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":225,"path":226,"stem":227},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":229,"path":230,"stem":231},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":233,"path":234,"stem":235},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":237,"path":238,"stem":239},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":241,"path":242,"stem":243},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":245,"path":246,"stem":247},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":249,"path":250,"stem":251},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":253,"path":254,"stem":255},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":257,"path":258,"stem":259},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":261,"path":262,"stem":263},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":265,"path":266,"stem":267},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":269,"path":270,"stem":271},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":273,"path":274,"stem":275},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":277,"path":278,"stem":279},"Rounded Plane","/api/shapes/rounded-plane","2.api/5.shapes/rounded-plane",{"title":281,"path":282,"stem":283},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":285,"path":286,"stem":287},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":289,"path":290,"stem":291},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":293,"path":294,"stem":295},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":297,"path":298,"stem":299},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":301,"path":302,"stem":303},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":305,"path":306,"stem":307},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":309,"path":310,"stem":311,"children":312},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[313,314,318,322,326,330],{"title":309,"path":310,"stem":311},{"title":315,"path":316,"stem":317},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":319,"path":320,"stem":321},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":323,"path":324,"stem":325},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":327,"path":328,"stem":329},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":331,"path":332,"stem":333},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":335,"path":336,"stem":337,"children":338},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[339,340,344,348,352,356,360,364],{"title":335,"path":336,"stem":337},{"title":341,"path":342,"stem":343},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":345,"path":346,"stem":347},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":349,"path":350,"stem":351},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":353,"path":354,"stem":355},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":357,"path":358,"stem":359},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":361,"path":362,"stem":363},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":365,"path":366,"stem":367},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":369,"path":370,"stem":371,"children":372},"Staging","/api/staging","2.api/8.staging/index",[373,374,378,382,386,390,394,398,402,406,410,414],{"title":369,"path":370,"stem":371},{"title":375,"path":376,"stem":377},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":379,"path":380,"stem":381},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":383,"path":384,"stem":385},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":387,"path":388,"stem":389},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":391,"path":392,"stem":393},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":395,"path":396,"stem":397},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":399,"path":400,"stem":401},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":403,"path":404,"stem":405},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":407,"path":408,"stem":409},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":411,"path":412,"stem":413},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":415,"path":416,"stem":417},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":419,"path":420,"stem":421,"children":422},"Objects","/api/objects","2.api/9.objects/index",[423,424,428,432,436,440,444,448,452,456,460],{"title":419,"path":420,"stem":421},{"title":425,"path":426,"stem":427},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":429,"path":430,"stem":431},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":433,"path":434,"stem":435},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":437,"path":438,"stem":439},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":441,"path":442,"stem":443},"HTML","/api/objects/html","2.api/9.objects/html",{"title":445,"path":446,"stem":447},"Image","/api/objects/image","2.api/9.objects/image",{"title":449,"path":450,"stem":451},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":453,"path":454,"stem":455},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":457,"path":458,"stem":459},"Refractor","/api/objects/refractor","2.api/9.objects/refractor",{"title":461,"path":462,"stem":463},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":465,"path":466,"stem":467,"children":468},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[469,470,474,478,482,486,490,494],{"title":465,"path":466,"stem":467},{"title":471,"path":472,"stem":473},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":475,"path":476,"stem":477},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":479,"path":480,"stem":481},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":483,"path":484,"stem":485},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":487,"path":488,"stem":489},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":491,"path":492,"stem":493},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":495,"path":496,"stem":497},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":499,"title":153,"body":500,"description":2125,"extension":2126,"links":2127,"meta":2128,"navigation":616,"path":154,"seo":2129,"stem":155,"__hash__":2130},"docs/2.api/3.loaders/6.use-textures.md",{"type":501,"value":502,"toc":2116},"minimark",[503,509,526,530,853,857,860,1962,1966,1971,2018,2022,2080,2084,2112],[504,505,506],"scene-wrapper",{},[507,508],"loaders-use-textures",{},[510,511,512,513,520,521,525],"p",{},"A composable that allows you to load multiple textures at once using the ",[514,515,519],"a",{"href":516,"rel":517},"https://threejs.org/docs/#api/en/loaders/TextureLoader",[518],"nofollow","Three.js texture loader"," into your ",[522,523,524],"strong",{},"TresJS"," scene.",[527,528,15],"h2",{"id":529},"usage",[531,532,543],"pre",{"className":533,"code":534,"highlights":535,"language":541,"meta":542,"style":542},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { useTextures } from '@tresjs/cientos'\n\n// Define an array of texture paths\nconst texturePaths = [\n  '/textures/color.jpg',\n  '/textures/normal.jpg',\n  '/textures/roughness.jpg'\n]\n\n// Load all textures at once\nconst { textures, isLoading, error } = useTextures(texturePaths)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresMesh>\n    \u003CTresSphereGeometry />\n    \u003CTresMeshStandardMaterial\n      :map=\"textures[0]\"\n      :normal-map=\"textures[1]\"\n      :roughness-map=\"textures[2]\"\n    />\n  \u003C/TresMesh>\n\u003C/template>\n",[536,537,538,539,540],2,12,19,20,21,"vue","",[544,545,546,581,611,618,625,639,654,666,676,682,687,693,726,736,741,751,762,774,782,798,813,828,834,844],"code",{"__ignoreMap":542},[547,548,551,555,559,563,566,569,572,576,578],"span",{"class":549,"line":550},"line",1,[547,552,554],{"class":553},"sMK4o","\u003C",[547,556,558],{"class":557},"swJcz","script",[547,560,562],{"class":561},"spNyl"," setup",[547,564,565],{"class":561}," lang",[547,567,568],{"class":553},"=",[547,570,571],{"class":553},"\"",[547,573,575],{"class":574},"sfazB","ts",[547,577,571],{"class":553},[547,579,580],{"class":553},">\n",[547,582,585,589,592,596,599,602,605,608],{"class":583,"line":536},[549,584],"highlight",[547,586,588],{"class":587},"s7zQu","import",[547,590,591],{"class":553}," {",[547,593,595],{"class":594},"sTEyZ"," useTextures",[547,597,598],{"class":553}," }",[547,600,601],{"class":587}," from",[547,603,604],{"class":553}," '",[547,606,607],{"class":574},"@tresjs/cientos",[547,609,610],{"class":553},"'\n",[547,612,614],{"class":549,"line":613},3,[547,615,617],{"emptyLinePlaceholder":616},true,"\n",[547,619,621],{"class":549,"line":620},4,[547,622,624],{"class":623},"sHwdD","// Define an array of texture paths\n",[547,626,628,631,634,636],{"class":549,"line":627},5,[547,629,630],{"class":561},"const",[547,632,633],{"class":594}," texturePaths ",[547,635,568],{"class":553},[547,637,638],{"class":594}," [\n",[547,640,642,645,648,651],{"class":549,"line":641},6,[547,643,644],{"class":553},"  '",[547,646,647],{"class":574},"/textures/color.jpg",[547,649,650],{"class":553},"'",[547,652,653],{"class":553},",\n",[547,655,657,659,662,664],{"class":549,"line":656},7,[547,658,644],{"class":553},[547,660,661],{"class":574},"/textures/normal.jpg",[547,663,650],{"class":553},[547,665,653],{"class":553},[547,667,669,671,674],{"class":549,"line":668},8,[547,670,644],{"class":553},[547,672,673],{"class":574},"/textures/roughness.jpg",[547,675,610],{"class":553},[547,677,679],{"class":549,"line":678},9,[547,680,681],{"class":594},"]\n",[547,683,685],{"class":549,"line":684},10,[547,686,617],{"emptyLinePlaceholder":616},[547,688,690],{"class":549,"line":689},11,[547,691,692],{"class":623},"// Load all textures at once\n",[547,694,696,698,700,703,706,709,711,714,717,720,723],{"class":695,"line":537},[549,584],[547,697,630],{"class":561},[547,699,591],{"class":553},[547,701,702],{"class":594}," textures",[547,704,705],{"class":553},",",[547,707,708],{"class":594}," isLoading",[547,710,705],{"class":553},[547,712,713],{"class":594}," error ",[547,715,716],{"class":553},"}",[547,718,719],{"class":553}," =",[547,721,595],{"class":722},"s2Zo4",[547,724,725],{"class":594},"(texturePaths)\n",[547,727,729,732,734],{"class":549,"line":728},13,[547,730,731],{"class":553},"\u003C/",[547,733,558],{"class":557},[547,735,580],{"class":553},[547,737,739],{"class":549,"line":738},14,[547,740,617],{"emptyLinePlaceholder":616},[547,742,744,746,749],{"class":549,"line":743},15,[547,745,554],{"class":553},[547,747,748],{"class":557},"template",[547,750,580],{"class":553},[547,752,754,757,760],{"class":549,"line":753},16,[547,755,756],{"class":553},"  \u003C",[547,758,759],{"class":557},"TresMesh",[547,761,580],{"class":553},[547,763,765,768,771],{"class":549,"line":764},17,[547,766,767],{"class":553},"    \u003C",[547,769,770],{"class":557},"TresSphereGeometry",[547,772,773],{"class":553}," />\n",[547,775,777,779],{"class":549,"line":776},18,[547,778,767],{"class":553},[547,780,781],{"class":557},"TresMeshStandardMaterial\n",[547,783,785,788,790,792,795],{"class":784,"line":538},[549,584],[547,786,787],{"class":561},"      :map",[547,789,568],{"class":553},[547,791,571],{"class":553},[547,793,794],{"class":574},"textures[0]",[547,796,797],{"class":553},"\"\n",[547,799,801,804,806,808,811],{"class":800,"line":539},[549,584],[547,802,803],{"class":561},"      :normal-map",[547,805,568],{"class":553},[547,807,571],{"class":553},[547,809,810],{"class":574},"textures[1]",[547,812,797],{"class":553},[547,814,816,819,821,823,826],{"class":815,"line":540},[549,584],[547,817,818],{"class":561},"      :roughness-map",[547,820,568],{"class":553},[547,822,571],{"class":553},[547,824,825],{"class":574},"textures[2]",[547,827,797],{"class":553},[547,829,831],{"class":549,"line":830},22,[547,832,833],{"class":553},"    />\n",[547,835,837,840,842],{"class":549,"line":836},23,[547,838,839],{"class":553},"  \u003C/",[547,841,759],{"class":557},[547,843,580],{"class":553},[547,845,847,849,851],{"class":549,"line":846},24,[547,848,731],{"class":553},[547,850,748],{"class":557},[547,852,580],{"class":553},[527,854,856],{"id":855},"pbr-textures-example","PBR Textures Example",[510,858,859],{},"Here's a more advanced example showing how to load and apply PBR (Physically Based Rendering) textures to a material:",[531,861,864],{"className":533,"code":862,"filename":863,"language":541,"meta":542,"style":542},"\u003Cscript setup lang=\"ts\">\nimport { TresCanvas, vLightHelper } from '@tresjs/core'\nimport { Environment, OrbitControls, useGLTF, useTextures } from '@tresjs/cientos'\nimport { MeshStandardMaterial } from 'three'\n\n// Load the 3D model\nconst { state: model } = useGLTF('/blender-cube-draco.glb', { draco: true })\nconst cube = computed(() => model.value?.nodes?.BlenderCube)\nconst material = computed(() => model.value?.materials?.Material)\n\n// Define texture paths\nconst texturePaths = [\n  '/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Color.jpg',\n  '/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_NormalGL.jpg',\n  '/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Roughness.jpg',\n  '/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Metalness.jpg',\n  '/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Displacement.jpg'\n]\n\n// Load all PBR textures at once\nconst { textures, isLoading, error } = useTextures(texturePaths)\n\n// Apply textures to material when loaded\nwatch([material, textures], ([modelMaterial, textures]) => {\n  if (modelMaterial && textures && textures.length === texturePaths.length) {\n    // Cast to MeshStandardMaterial to access PBR properties\n    const pbrMaterial = modelMaterial as MeshStandardMaterial\n\n    // Apply textures\n    pbrMaterial.map = textures[0]\n    pbrMaterial.normalMap = textures[1]\n    pbrMaterial.roughnessMap = textures[2]\n    pbrMaterial.metalnessMap = textures[3]\n    pbrMaterial.displacementMap = textures[4]\n\n    // Set material properties\n    pbrMaterial.displacementScale = 0\n    pbrMaterial.metalness = 0.8\n    pbrMaterial.roughness = 0.2\n  }\n})\n\n// Handle loading state and errors\nwatch(isLoading, (_loading) => {\n  // Handle loading state\n})\n\nwatch(error, (errs) => {\n  if (errs) {\n    console.error('Error loading textures:', errs)\n  }\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas clear-color=\"#4f4f4f\">\n    \u003CSuspense>\n      \u003CEnvironment preset=\"studio\" background :blur=\"1\" />\n    \u003C/Suspense>\n    \u003CTresPerspectiveCamera :position=\"[8, 8, 8]\" />\n    \u003COrbitControls />\n    \u003CTresGridHelper />\n    \u003CTresAmbientLight :intensity=\"2\" />\n    \u003CTresDirectionalLight v-light-helper :position=\"[5, 5, 5]\" :intensity=\"0.5\" color=\"#ff0000\" />\n    \u003CTresDirectionalLight v-light-helper :position=\"[-5, 2, 2]\" :intensity=\"0.5\" color=\"#0000ff\" />\n    \u003CTresGroup position-y=\"2\">\n      \u003Cprimitive v-if=\"cube\" :object=\"cube\" />\n    \u003C/TresGroup>\n  \u003C/TresCanvas>\n\u003C/template>\n","PBRTextures.vue",[544,865,866,886,911,944,964,968,973,1022,1062,1095,1099,1104,1114,1125,1136,1147,1158,1167,1171,1175,1180,1204,1208,1213,1247,1288,1294,1315,1320,1326,1350,1371,1392,1413,1434,1439,1445,1460,1475,1490,1496,1503,1508,1514,1536,1542,1549,1554,1575,1588,1615,1620,1627,1636,1641,1650,1672,1682,1718,1728,1750,1760,1770,1791,1838,1881,1902,1935,1944,1953],{"__ignoreMap":542},[547,867,868,870,872,874,876,878,880,882,884],{"class":549,"line":550},[547,869,554],{"class":553},[547,871,558],{"class":557},[547,873,562],{"class":561},[547,875,565],{"class":561},[547,877,568],{"class":553},[547,879,571],{"class":553},[547,881,575],{"class":574},[547,883,571],{"class":553},[547,885,580],{"class":553},[547,887,888,890,892,895,897,900,902,904,906,909],{"class":549,"line":536},[547,889,588],{"class":587},[547,891,591],{"class":553},[547,893,894],{"class":594}," TresCanvas",[547,896,705],{"class":553},[547,898,899],{"class":594}," vLightHelper",[547,901,598],{"class":553},[547,903,601],{"class":587},[547,905,604],{"class":553},[547,907,908],{"class":574},"@tresjs/core",[547,910,610],{"class":553},[547,912,913,915,917,920,922,925,927,930,932,934,936,938,940,942],{"class":549,"line":613},[547,914,588],{"class":587},[547,916,591],{"class":553},[547,918,919],{"class":594}," Environment",[547,921,705],{"class":553},[547,923,924],{"class":594}," OrbitControls",[547,926,705],{"class":553},[547,928,929],{"class":594}," useGLTF",[547,931,705],{"class":553},[547,933,595],{"class":594},[547,935,598],{"class":553},[547,937,601],{"class":587},[547,939,604],{"class":553},[547,941,607],{"class":574},[547,943,610],{"class":553},[547,945,946,948,950,953,955,957,959,962],{"class":549,"line":620},[547,947,588],{"class":587},[547,949,591],{"class":553},[547,951,952],{"class":594}," MeshStandardMaterial",[547,954,598],{"class":553},[547,956,601],{"class":587},[547,958,604],{"class":553},[547,960,961],{"class":574},"three",[547,963,610],{"class":553},[547,965,966],{"class":549,"line":627},[547,967,617],{"emptyLinePlaceholder":616},[547,969,970],{"class":549,"line":641},[547,971,972],{"class":623},"// Load the 3D model\n",[547,974,975,977,979,982,985,988,990,992,994,997,999,1002,1004,1006,1008,1011,1013,1017,1019],{"class":549,"line":656},[547,976,630],{"class":561},[547,978,591],{"class":553},[547,980,981],{"class":557}," state",[547,983,984],{"class":553},":",[547,986,987],{"class":594}," model ",[547,989,716],{"class":553},[547,991,719],{"class":553},[547,993,929],{"class":722},[547,995,996],{"class":594},"(",[547,998,650],{"class":553},[547,1000,1001],{"class":574},"/blender-cube-draco.glb",[547,1003,650],{"class":553},[547,1005,705],{"class":553},[547,1007,591],{"class":553},[547,1009,1010],{"class":557}," draco",[547,1012,984],{"class":553},[547,1014,1016],{"class":1015},"sfNiH"," true",[547,1018,598],{"class":553},[547,1020,1021],{"class":594},")\n",[547,1023,1024,1026,1029,1031,1034,1036,1039,1042,1045,1048,1051,1054,1057,1059],{"class":549,"line":668},[547,1025,630],{"class":561},[547,1027,1028],{"class":594}," cube ",[547,1030,568],{"class":553},[547,1032,1033],{"class":722}," computed",[547,1035,996],{"class":594},[547,1037,1038],{"class":553},"()",[547,1040,1041],{"class":561}," =>",[547,1043,1044],{"class":594}," model",[547,1046,1047],{"class":553},".",[547,1049,1050],{"class":594},"value",[547,1052,1053],{"class":553},"?.",[547,1055,1056],{"class":594},"nodes",[547,1058,1053],{"class":553},[547,1060,1061],{"class":594},"BlenderCube)\n",[547,1063,1064,1066,1069,1071,1073,1075,1077,1079,1081,1083,1085,1087,1090,1092],{"class":549,"line":678},[547,1065,630],{"class":561},[547,1067,1068],{"class":594}," material ",[547,1070,568],{"class":553},[547,1072,1033],{"class":722},[547,1074,996],{"class":594},[547,1076,1038],{"class":553},[547,1078,1041],{"class":561},[547,1080,1044],{"class":594},[547,1082,1047],{"class":553},[547,1084,1050],{"class":594},[547,1086,1053],{"class":553},[547,1088,1089],{"class":594},"materials",[547,1091,1053],{"class":553},[547,1093,1094],{"class":594},"Material)\n",[547,1096,1097],{"class":549,"line":684},[547,1098,617],{"emptyLinePlaceholder":616},[547,1100,1101],{"class":549,"line":689},[547,1102,1103],{"class":623},"// Define texture paths\n",[547,1105,1106,1108,1110,1112],{"class":549,"line":537},[547,1107,630],{"class":561},[547,1109,633],{"class":594},[547,1111,568],{"class":553},[547,1113,638],{"class":594},[547,1115,1116,1118,1121,1123],{"class":549,"line":728},[547,1117,644],{"class":553},[547,1119,1120],{"class":574},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Color.jpg",[547,1122,650],{"class":553},[547,1124,653],{"class":553},[547,1126,1127,1129,1132,1134],{"class":549,"line":738},[547,1128,644],{"class":553},[547,1130,1131],{"class":574},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_NormalGL.jpg",[547,1133,650],{"class":553},[547,1135,653],{"class":553},[547,1137,1138,1140,1143,1145],{"class":549,"line":743},[547,1139,644],{"class":553},[547,1141,1142],{"class":574},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Roughness.jpg",[547,1144,650],{"class":553},[547,1146,653],{"class":553},[547,1148,1149,1151,1154,1156],{"class":549,"line":753},[547,1150,644],{"class":553},[547,1152,1153],{"class":574},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Metalness.jpg",[547,1155,650],{"class":553},[547,1157,653],{"class":553},[547,1159,1160,1162,1165],{"class":549,"line":764},[547,1161,644],{"class":553},[547,1163,1164],{"class":574},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Displacement.jpg",[547,1166,610],{"class":553},[547,1168,1169],{"class":549,"line":776},[547,1170,681],{"class":594},[547,1172,1173],{"class":549,"line":538},[547,1174,617],{"emptyLinePlaceholder":616},[547,1176,1177],{"class":549,"line":539},[547,1178,1179],{"class":623},"// Load all PBR textures at once\n",[547,1181,1182,1184,1186,1188,1190,1192,1194,1196,1198,1200,1202],{"class":549,"line":540},[547,1183,630],{"class":561},[547,1185,591],{"class":553},[547,1187,702],{"class":594},[547,1189,705],{"class":553},[547,1191,708],{"class":594},[547,1193,705],{"class":553},[547,1195,713],{"class":594},[547,1197,716],{"class":553},[547,1199,719],{"class":553},[547,1201,595],{"class":722},[547,1203,725],{"class":594},[547,1205,1206],{"class":549,"line":830},[547,1207,617],{"emptyLinePlaceholder":616},[547,1209,1210],{"class":549,"line":836},[547,1211,1212],{"class":623},"// Apply textures to material when loaded\n",[547,1214,1215,1218,1221,1223,1226,1228,1231,1235,1237,1239,1242,1244],{"class":549,"line":846},[547,1216,1217],{"class":722},"watch",[547,1219,1220],{"class":594},"([material",[547,1222,705],{"class":553},[547,1224,1225],{"class":594}," textures]",[547,1227,705],{"class":553},[547,1229,1230],{"class":553}," ([",[547,1232,1234],{"class":1233},"sHdIc","modelMaterial",[547,1236,705],{"class":553},[547,1238,702],{"class":1233},[547,1240,1241],{"class":553},"])",[547,1243,1041],{"class":561},[547,1245,1246],{"class":553}," {\n",[547,1248,1250,1253,1256,1258,1261,1263,1265,1267,1269,1272,1275,1278,1280,1282,1285],{"class":549,"line":1249},25,[547,1251,1252],{"class":587},"  if",[547,1254,1255],{"class":557}," (",[547,1257,1234],{"class":594},[547,1259,1260],{"class":553}," &&",[547,1262,702],{"class":594},[547,1264,1260],{"class":553},[547,1266,702],{"class":594},[547,1268,1047],{"class":553},[547,1270,1271],{"class":594},"length",[547,1273,1274],{"class":553}," ===",[547,1276,1277],{"class":594}," texturePaths",[547,1279,1047],{"class":553},[547,1281,1271],{"class":594},[547,1283,1284],{"class":557},") ",[547,1286,1287],{"class":553},"{\n",[547,1289,1291],{"class":549,"line":1290},26,[547,1292,1293],{"class":623},"    // Cast to MeshStandardMaterial to access PBR properties\n",[547,1295,1297,1300,1303,1305,1308,1311],{"class":549,"line":1296},27,[547,1298,1299],{"class":561},"    const",[547,1301,1302],{"class":594}," pbrMaterial",[547,1304,719],{"class":553},[547,1306,1307],{"class":594}," modelMaterial",[547,1309,1310],{"class":587}," as",[547,1312,1314],{"class":1313},"sBMFI"," MeshStandardMaterial\n",[547,1316,1318],{"class":549,"line":1317},28,[547,1319,617],{"emptyLinePlaceholder":616},[547,1321,1323],{"class":549,"line":1322},29,[547,1324,1325],{"class":623},"    // Apply textures\n",[547,1327,1329,1332,1334,1337,1339,1341,1344,1348],{"class":549,"line":1328},30,[547,1330,1331],{"class":594},"    pbrMaterial",[547,1333,1047],{"class":553},[547,1335,1336],{"class":594},"map",[547,1338,719],{"class":553},[547,1340,702],{"class":594},[547,1342,1343],{"class":557},"[",[547,1345,1347],{"class":1346},"sbssI","0",[547,1349,681],{"class":557},[547,1351,1353,1355,1357,1360,1362,1364,1366,1369],{"class":549,"line":1352},31,[547,1354,1331],{"class":594},[547,1356,1047],{"class":553},[547,1358,1359],{"class":594},"normalMap",[547,1361,719],{"class":553},[547,1363,702],{"class":594},[547,1365,1343],{"class":557},[547,1367,1368],{"class":1346},"1",[547,1370,681],{"class":557},[547,1372,1374,1376,1378,1381,1383,1385,1387,1390],{"class":549,"line":1373},32,[547,1375,1331],{"class":594},[547,1377,1047],{"class":553},[547,1379,1380],{"class":594},"roughnessMap",[547,1382,719],{"class":553},[547,1384,702],{"class":594},[547,1386,1343],{"class":557},[547,1388,1389],{"class":1346},"2",[547,1391,681],{"class":557},[547,1393,1395,1397,1399,1402,1404,1406,1408,1411],{"class":549,"line":1394},33,[547,1396,1331],{"class":594},[547,1398,1047],{"class":553},[547,1400,1401],{"class":594},"metalnessMap",[547,1403,719],{"class":553},[547,1405,702],{"class":594},[547,1407,1343],{"class":557},[547,1409,1410],{"class":1346},"3",[547,1412,681],{"class":557},[547,1414,1416,1418,1420,1423,1425,1427,1429,1432],{"class":549,"line":1415},34,[547,1417,1331],{"class":594},[547,1419,1047],{"class":553},[547,1421,1422],{"class":594},"displacementMap",[547,1424,719],{"class":553},[547,1426,702],{"class":594},[547,1428,1343],{"class":557},[547,1430,1431],{"class":1346},"4",[547,1433,681],{"class":557},[547,1435,1437],{"class":549,"line":1436},35,[547,1438,617],{"emptyLinePlaceholder":616},[547,1440,1442],{"class":549,"line":1441},36,[547,1443,1444],{"class":623},"    // Set material properties\n",[547,1446,1448,1450,1452,1455,1457],{"class":549,"line":1447},37,[547,1449,1331],{"class":594},[547,1451,1047],{"class":553},[547,1453,1454],{"class":594},"displacementScale",[547,1456,719],{"class":553},[547,1458,1459],{"class":1346}," 0\n",[547,1461,1463,1465,1467,1470,1472],{"class":549,"line":1462},38,[547,1464,1331],{"class":594},[547,1466,1047],{"class":553},[547,1468,1469],{"class":594},"metalness",[547,1471,719],{"class":553},[547,1473,1474],{"class":1346}," 0.8\n",[547,1476,1478,1480,1482,1485,1487],{"class":549,"line":1477},39,[547,1479,1331],{"class":594},[547,1481,1047],{"class":553},[547,1483,1484],{"class":594},"roughness",[547,1486,719],{"class":553},[547,1488,1489],{"class":1346}," 0.2\n",[547,1491,1493],{"class":549,"line":1492},40,[547,1494,1495],{"class":553},"  }\n",[547,1497,1499,1501],{"class":549,"line":1498},41,[547,1500,716],{"class":553},[547,1502,1021],{"class":594},[547,1504,1506],{"class":549,"line":1505},42,[547,1507,617],{"emptyLinePlaceholder":616},[547,1509,1511],{"class":549,"line":1510},43,[547,1512,1513],{"class":623},"// Handle loading state and errors\n",[547,1515,1517,1519,1522,1524,1526,1529,1532,1534],{"class":549,"line":1516},44,[547,1518,1217],{"class":722},[547,1520,1521],{"class":594},"(isLoading",[547,1523,705],{"class":553},[547,1525,1255],{"class":553},[547,1527,1528],{"class":1233},"_loading",[547,1530,1531],{"class":553},")",[547,1533,1041],{"class":561},[547,1535,1246],{"class":553},[547,1537,1539],{"class":549,"line":1538},45,[547,1540,1541],{"class":623},"  // Handle loading state\n",[547,1543,1545,1547],{"class":549,"line":1544},46,[547,1546,716],{"class":553},[547,1548,1021],{"class":594},[547,1550,1552],{"class":549,"line":1551},47,[547,1553,617],{"emptyLinePlaceholder":616},[547,1555,1557,1559,1562,1564,1566,1569,1571,1573],{"class":549,"line":1556},48,[547,1558,1217],{"class":722},[547,1560,1561],{"class":594},"(error",[547,1563,705],{"class":553},[547,1565,1255],{"class":553},[547,1567,1568],{"class":1233},"errs",[547,1570,1531],{"class":553},[547,1572,1041],{"class":561},[547,1574,1246],{"class":553},[547,1576,1578,1580,1582,1584,1586],{"class":549,"line":1577},49,[547,1579,1252],{"class":587},[547,1581,1255],{"class":557},[547,1583,1568],{"class":594},[547,1585,1284],{"class":557},[547,1587,1287],{"class":553},[547,1589,1591,1594,1596,1599,1601,1603,1606,1608,1610,1613],{"class":549,"line":1590},50,[547,1592,1593],{"class":594},"    console",[547,1595,1047],{"class":553},[547,1597,1598],{"class":722},"error",[547,1600,996],{"class":557},[547,1602,650],{"class":553},[547,1604,1605],{"class":574},"Error loading textures:",[547,1607,650],{"class":553},[547,1609,705],{"class":553},[547,1611,1612],{"class":594}," errs",[547,1614,1021],{"class":557},[547,1616,1618],{"class":549,"line":1617},51,[547,1619,1495],{"class":553},[547,1621,1623,1625],{"class":549,"line":1622},52,[547,1624,716],{"class":553},[547,1626,1021],{"class":594},[547,1628,1630,1632,1634],{"class":549,"line":1629},53,[547,1631,731],{"class":553},[547,1633,558],{"class":557},[547,1635,580],{"class":553},[547,1637,1639],{"class":549,"line":1638},54,[547,1640,617],{"emptyLinePlaceholder":616},[547,1642,1644,1646,1648],{"class":549,"line":1643},55,[547,1645,554],{"class":553},[547,1647,748],{"class":557},[547,1649,580],{"class":553},[547,1651,1653,1655,1658,1661,1663,1665,1668,1670],{"class":549,"line":1652},56,[547,1654,756],{"class":553},[547,1656,1657],{"class":557},"TresCanvas",[547,1659,1660],{"class":561}," clear-color",[547,1662,568],{"class":553},[547,1664,571],{"class":553},[547,1666,1667],{"class":574},"#4f4f4f",[547,1669,571],{"class":553},[547,1671,580],{"class":553},[547,1673,1675,1677,1680],{"class":549,"line":1674},57,[547,1676,767],{"class":553},[547,1678,1679],{"class":557},"Suspense",[547,1681,580],{"class":553},[547,1683,1685,1688,1690,1693,1695,1697,1700,1702,1705,1708,1710,1712,1714,1716],{"class":549,"line":1684},58,[547,1686,1687],{"class":553},"      \u003C",[547,1689,375],{"class":557},[547,1691,1692],{"class":561}," preset",[547,1694,568],{"class":553},[547,1696,571],{"class":553},[547,1698,1699],{"class":574},"studio",[547,1701,571],{"class":553},[547,1703,1704],{"class":561}," background",[547,1706,1707],{"class":561}," :blur",[547,1709,568],{"class":553},[547,1711,571],{"class":553},[547,1713,1368],{"class":574},[547,1715,571],{"class":553},[547,1717,773],{"class":553},[547,1719,1721,1724,1726],{"class":549,"line":1720},59,[547,1722,1723],{"class":553},"    \u003C/",[547,1725,1679],{"class":557},[547,1727,580],{"class":553},[547,1729,1731,1733,1736,1739,1741,1743,1746,1748],{"class":549,"line":1730},60,[547,1732,767],{"class":553},[547,1734,1735],{"class":557},"TresPerspectiveCamera",[547,1737,1738],{"class":561}," :position",[547,1740,568],{"class":553},[547,1742,571],{"class":553},[547,1744,1745],{"class":574},"[8, 8, 8]",[547,1747,571],{"class":553},[547,1749,773],{"class":553},[547,1751,1753,1755,1758],{"class":549,"line":1752},61,[547,1754,767],{"class":553},[547,1756,1757],{"class":557},"OrbitControls",[547,1759,773],{"class":553},[547,1761,1763,1765,1768],{"class":549,"line":1762},62,[547,1764,767],{"class":553},[547,1766,1767],{"class":557},"TresGridHelper",[547,1769,773],{"class":553},[547,1771,1773,1775,1778,1781,1783,1785,1787,1789],{"class":549,"line":1772},63,[547,1774,767],{"class":553},[547,1776,1777],{"class":557},"TresAmbientLight",[547,1779,1780],{"class":561}," :intensity",[547,1782,568],{"class":553},[547,1784,571],{"class":553},[547,1786,1389],{"class":574},[547,1788,571],{"class":553},[547,1790,773],{"class":553},[547,1792,1794,1796,1799,1802,1804,1806,1808,1811,1813,1815,1817,1819,1822,1824,1827,1829,1831,1834,1836],{"class":549,"line":1793},64,[547,1795,767],{"class":553},[547,1797,1798],{"class":557},"TresDirectionalLight",[547,1800,1801],{"class":561}," v-light-helper",[547,1803,1738],{"class":561},[547,1805,568],{"class":553},[547,1807,571],{"class":553},[547,1809,1810],{"class":574},"[5, 5, 5]",[547,1812,571],{"class":553},[547,1814,1780],{"class":561},[547,1816,568],{"class":553},[547,1818,571],{"class":553},[547,1820,1821],{"class":574},"0.5",[547,1823,571],{"class":553},[547,1825,1826],{"class":561}," color",[547,1828,568],{"class":553},[547,1830,571],{"class":553},[547,1832,1833],{"class":574},"#ff0000",[547,1835,571],{"class":553},[547,1837,773],{"class":553},[547,1839,1841,1843,1845,1847,1849,1851,1853,1856,1858,1860,1862,1864,1866,1868,1870,1872,1874,1877,1879],{"class":549,"line":1840},65,[547,1842,767],{"class":553},[547,1844,1798],{"class":557},[547,1846,1801],{"class":561},[547,1848,1738],{"class":561},[547,1850,568],{"class":553},[547,1852,571],{"class":553},[547,1854,1855],{"class":574},"[-5, 2, 2]",[547,1857,571],{"class":553},[547,1859,1780],{"class":561},[547,1861,568],{"class":553},[547,1863,571],{"class":553},[547,1865,1821],{"class":574},[547,1867,571],{"class":553},[547,1869,1826],{"class":561},[547,1871,568],{"class":553},[547,1873,571],{"class":553},[547,1875,1876],{"class":574},"#0000ff",[547,1878,571],{"class":553},[547,1880,773],{"class":553},[547,1882,1884,1886,1889,1892,1894,1896,1898,1900],{"class":549,"line":1883},66,[547,1885,767],{"class":553},[547,1887,1888],{"class":557},"TresGroup",[547,1890,1891],{"class":561}," position-y",[547,1893,568],{"class":553},[547,1895,571],{"class":553},[547,1897,1389],{"class":574},[547,1899,571],{"class":553},[547,1901,580],{"class":553},[547,1903,1905,1907,1910,1913,1915,1917,1920,1922,1925,1927,1929,1931,1933],{"class":549,"line":1904},67,[547,1906,1687],{"class":553},[547,1908,1909],{"class":557},"primitive",[547,1911,1912],{"class":561}," v-if",[547,1914,568],{"class":553},[547,1916,571],{"class":553},[547,1918,1919],{"class":574},"cube",[547,1921,571],{"class":553},[547,1923,1924],{"class":561}," :object",[547,1926,568],{"class":553},[547,1928,571],{"class":553},[547,1930,1919],{"class":574},[547,1932,571],{"class":553},[547,1934,773],{"class":553},[547,1936,1938,1940,1942],{"class":549,"line":1937},68,[547,1939,1723],{"class":553},[547,1941,1888],{"class":557},[547,1943,580],{"class":553},[547,1945,1947,1949,1951],{"class":549,"line":1946},69,[547,1948,839],{"class":553},[547,1950,1657],{"class":557},[547,1952,580],{"class":553},[547,1954,1956,1958,1960],{"class":549,"line":1955},70,[547,1957,731],{"class":553},[547,1959,748],{"class":557},[547,1961,580],{"class":553},[527,1963,1965],{"id":1964},"api","API",[1967,1968,1970],"h3",{"id":1969},"parameters","Parameters",[1972,1973,1974,1994],"table",{},[1975,1976,1977],"thead",{},[1978,1979,1980,1985,1988,1991],"tr",{},[1981,1982,1984],"th",{"align":1983},"left","Name",[1981,1986,1987],{},"Type",[1981,1989,1990],{},"Default",[1981,1992,1993],{},"Description",[1995,1996,1997],"tbody",{},[1978,1998,1999,2005,2010,2015],{},[2000,2001,2002],"td",{"align":1983},[522,2003,2004],{},"paths",[2000,2006,2007],{},[544,2008,2009],{},"string[]",[2000,2011,2012],{},[544,2013,2014],{},"undefined",[2000,2016,2017],{},"Array of paths to the textures.",[1967,2019,2021],{"id":2020},"returns","Returns",[1972,2023,2024,2034],{},[1975,2025,2026],{},[1978,2027,2028,2030,2032],{},[1981,2029,1984],{"align":1983},[1981,2031,1987],{},[1981,2033,1993],{},[1995,2035,2036,2051,2066],{},[1978,2037,2038,2043,2048],{},[2000,2039,2040],{"align":1983},[522,2041,2042],{},"textures",[2000,2044,2045],{},[544,2046,2047],{},"Texture[]",[2000,2049,2050],{},"Array of loaded textures.",[1978,2052,2053,2058,2063],{},[2000,2054,2055],{"align":1983},[522,2056,2057],{},"isLoading",[2000,2059,2060],{},[544,2061,2062],{},"boolean",[2000,2064,2065],{},"Whether any textures are still loading.",[1978,2067,2068,2072,2077],{},[2000,2069,2070],{"align":1983},[522,2071,1598],{},[2000,2073,2074],{},[544,2075,2076],{},"Error[] | null",[2000,2078,2079],{},"Array of errors if any occurred during loading.",[527,2081,2083],{"id":2082},"benefits","Benefits",[2085,2086,2087,2094,2100,2106],"ul",{},[2088,2089,2090,2093],"li",{},[522,2091,2092],{},"Simplified API",": Load multiple textures with a single function call",[2088,2095,2096,2099],{},[522,2097,2098],{},"Consolidated loading state",": Track loading state for all textures at once",[2088,2101,2102,2105],{},[522,2103,2104],{},"Unified error handling",": Collect and report errors from all texture loads",[2088,2107,2108,2111],{},[522,2109,2110],{},"Type safety",": Proper TypeScript typing throughout the implementation",[2113,2114,2115],"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 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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":542,"searchDepth":550,"depth":536,"links":2117},[2118,2119,2120,2124],{"id":529,"depth":536,"text":15},{"id":855,"depth":536,"text":856},{"id":1964,"depth":536,"text":1965,"children":2121},[2122,2123],{"id":1969,"depth":613,"text":1970},{"id":2020,"depth":613,"text":2021},{"id":2082,"depth":536,"text":2083},"A composable to load multiple textures efficiently in TresJS scenes.","md",null,{},{"title":153,"description":2125},"SGyfTzTHdLIy26Zf2q6_7GqcLLq8MvwoPurvEYXBwUI",[2132,2134],{"title":149,"path":150,"stem":151,"description":2133,"children":-1},"A composable to load textures in TresJS scenes.",{"title":157,"path":158,"stem":159,"description":2135,"children":-1},"A composable to load and render SVG files as 3D geometry in TresJS scenes.",1789116509506]