[{"data":1,"prerenderedAt":2116},["ShallowReactive",2],{"navigation":3,"/api/loaders/use-textures":478,"/api/loaders/use-textures-surround":2111},[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":141,"body":480,"description":2105,"extension":2106,"links":2107,"meta":2108,"navigation":596,"path":142,"seo":2109,"stem":143,"__hash__":2110},"docs/2.api/3.loaders/6.use-textures.md",{"type":481,"value":482,"toc":2096},"minimark",[483,489,506,510,833,837,840,1942,1946,1951,1998,2002,2060,2064,2092],[484,485,486],"scene-wrapper",{},[487,488],"loaders-use-textures",{},[490,491,492,493,500,501,505],"p",{},"A composable that allows you to load multiple textures at once using the ",[494,495,499],"a",{"href":496,"rel":497},"https://threejs.org/docs/#api/en/loaders/TextureLoader",[498],"nofollow","Three.js texture loader"," into your ",[502,503,504],"strong",{},"TresJS"," scene.",[507,508,15],"h2",{"id":509},"usage",[511,512,523],"pre",{"className":513,"code":514,"highlights":515,"language":521,"meta":522,"style":522},"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",[516,517,518,519,520],2,12,19,20,21,"vue","",[524,525,526,561,591,598,605,619,634,646,656,662,667,673,706,716,721,731,742,754,762,778,793,808,814,824],"code",{"__ignoreMap":522},[527,528,531,535,539,543,546,549,552,556,558],"span",{"class":529,"line":530},"line",1,[527,532,534],{"class":533},"sMK4o","\u003C",[527,536,538],{"class":537},"swJcz","script",[527,540,542],{"class":541},"spNyl"," setup",[527,544,545],{"class":541}," lang",[527,547,548],{"class":533},"=",[527,550,551],{"class":533},"\"",[527,553,555],{"class":554},"sfazB","ts",[527,557,551],{"class":533},[527,559,560],{"class":533},">\n",[527,562,565,569,572,576,579,582,585,588],{"class":563,"line":516},[529,564],"highlight",[527,566,568],{"class":567},"s7zQu","import",[527,570,571],{"class":533}," {",[527,573,575],{"class":574},"sTEyZ"," useTextures",[527,577,578],{"class":533}," }",[527,580,581],{"class":567}," from",[527,583,584],{"class":533}," '",[527,586,587],{"class":554},"@tresjs/cientos",[527,589,590],{"class":533},"'\n",[527,592,594],{"class":529,"line":593},3,[527,595,597],{"emptyLinePlaceholder":596},true,"\n",[527,599,601],{"class":529,"line":600},4,[527,602,604],{"class":603},"sHwdD","// Define an array of texture paths\n",[527,606,608,611,614,616],{"class":529,"line":607},5,[527,609,610],{"class":541},"const",[527,612,613],{"class":574}," texturePaths ",[527,615,548],{"class":533},[527,617,618],{"class":574}," [\n",[527,620,622,625,628,631],{"class":529,"line":621},6,[527,623,624],{"class":533},"  '",[527,626,627],{"class":554},"/textures/color.jpg",[527,629,630],{"class":533},"'",[527,632,633],{"class":533},",\n",[527,635,637,639,642,644],{"class":529,"line":636},7,[527,638,624],{"class":533},[527,640,641],{"class":554},"/textures/normal.jpg",[527,643,630],{"class":533},[527,645,633],{"class":533},[527,647,649,651,654],{"class":529,"line":648},8,[527,650,624],{"class":533},[527,652,653],{"class":554},"/textures/roughness.jpg",[527,655,590],{"class":533},[527,657,659],{"class":529,"line":658},9,[527,660,661],{"class":574},"]\n",[527,663,665],{"class":529,"line":664},10,[527,666,597],{"emptyLinePlaceholder":596},[527,668,670],{"class":529,"line":669},11,[527,671,672],{"class":603},"// Load all textures at once\n",[527,674,676,678,680,683,686,689,691,694,697,700,703],{"class":675,"line":517},[529,564],[527,677,610],{"class":541},[527,679,571],{"class":533},[527,681,682],{"class":574}," textures",[527,684,685],{"class":533},",",[527,687,688],{"class":574}," isLoading",[527,690,685],{"class":533},[527,692,693],{"class":574}," error ",[527,695,696],{"class":533},"}",[527,698,699],{"class":533}," =",[527,701,575],{"class":702},"s2Zo4",[527,704,705],{"class":574},"(texturePaths)\n",[527,707,709,712,714],{"class":529,"line":708},13,[527,710,711],{"class":533},"\u003C/",[527,713,538],{"class":537},[527,715,560],{"class":533},[527,717,719],{"class":529,"line":718},14,[527,720,597],{"emptyLinePlaceholder":596},[527,722,724,726,729],{"class":529,"line":723},15,[527,725,534],{"class":533},[527,727,728],{"class":537},"template",[527,730,560],{"class":533},[527,732,734,737,740],{"class":529,"line":733},16,[527,735,736],{"class":533},"  \u003C",[527,738,739],{"class":537},"TresMesh",[527,741,560],{"class":533},[527,743,745,748,751],{"class":529,"line":744},17,[527,746,747],{"class":533},"    \u003C",[527,749,750],{"class":537},"TresSphereGeometry",[527,752,753],{"class":533}," />\n",[527,755,757,759],{"class":529,"line":756},18,[527,758,747],{"class":533},[527,760,761],{"class":537},"TresMeshStandardMaterial\n",[527,763,765,768,770,772,775],{"class":764,"line":518},[529,564],[527,766,767],{"class":541},"      :map",[527,769,548],{"class":533},[527,771,551],{"class":533},[527,773,774],{"class":554},"textures[0]",[527,776,777],{"class":533},"\"\n",[527,779,781,784,786,788,791],{"class":780,"line":519},[529,564],[527,782,783],{"class":541},"      :normal-map",[527,785,548],{"class":533},[527,787,551],{"class":533},[527,789,790],{"class":554},"textures[1]",[527,792,777],{"class":533},[527,794,796,799,801,803,806],{"class":795,"line":520},[529,564],[527,797,798],{"class":541},"      :roughness-map",[527,800,548],{"class":533},[527,802,551],{"class":533},[527,804,805],{"class":554},"textures[2]",[527,807,777],{"class":533},[527,809,811],{"class":529,"line":810},22,[527,812,813],{"class":533},"    />\n",[527,815,817,820,822],{"class":529,"line":816},23,[527,818,819],{"class":533},"  \u003C/",[527,821,739],{"class":537},[527,823,560],{"class":533},[527,825,827,829,831],{"class":529,"line":826},24,[527,828,711],{"class":533},[527,830,728],{"class":537},[527,832,560],{"class":533},[507,834,836],{"id":835},"pbr-textures-example","PBR Textures Example",[490,838,839],{},"Here's a more advanced example showing how to load and apply PBR (Physically Based Rendering) textures to a material:",[511,841,844],{"className":513,"code":842,"filename":843,"language":521,"meta":522,"style":522},"\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",[524,845,846,866,891,924,944,948,953,1002,1042,1075,1079,1084,1094,1105,1116,1127,1138,1147,1151,1155,1160,1184,1188,1193,1227,1268,1274,1295,1300,1306,1330,1351,1372,1393,1414,1419,1425,1440,1455,1470,1476,1483,1488,1494,1516,1522,1529,1534,1555,1568,1595,1600,1607,1616,1621,1630,1652,1662,1698,1708,1730,1740,1750,1771,1818,1861,1882,1915,1924,1933],{"__ignoreMap":522},[527,847,848,850,852,854,856,858,860,862,864],{"class":529,"line":530},[527,849,534],{"class":533},[527,851,538],{"class":537},[527,853,542],{"class":541},[527,855,545],{"class":541},[527,857,548],{"class":533},[527,859,551],{"class":533},[527,861,555],{"class":554},[527,863,551],{"class":533},[527,865,560],{"class":533},[527,867,868,870,872,875,877,880,882,884,886,889],{"class":529,"line":516},[527,869,568],{"class":567},[527,871,571],{"class":533},[527,873,874],{"class":574}," TresCanvas",[527,876,685],{"class":533},[527,878,879],{"class":574}," vLightHelper",[527,881,578],{"class":533},[527,883,581],{"class":567},[527,885,584],{"class":533},[527,887,888],{"class":554},"@tresjs/core",[527,890,590],{"class":533},[527,892,893,895,897,900,902,905,907,910,912,914,916,918,920,922],{"class":529,"line":593},[527,894,568],{"class":567},[527,896,571],{"class":533},[527,898,899],{"class":574}," Environment",[527,901,685],{"class":533},[527,903,904],{"class":574}," OrbitControls",[527,906,685],{"class":533},[527,908,909],{"class":574}," useGLTF",[527,911,685],{"class":533},[527,913,575],{"class":574},[527,915,578],{"class":533},[527,917,581],{"class":567},[527,919,584],{"class":533},[527,921,587],{"class":554},[527,923,590],{"class":533},[527,925,926,928,930,933,935,937,939,942],{"class":529,"line":600},[527,927,568],{"class":567},[527,929,571],{"class":533},[527,931,932],{"class":574}," MeshStandardMaterial",[527,934,578],{"class":533},[527,936,581],{"class":567},[527,938,584],{"class":533},[527,940,941],{"class":554},"three",[527,943,590],{"class":533},[527,945,946],{"class":529,"line":607},[527,947,597],{"emptyLinePlaceholder":596},[527,949,950],{"class":529,"line":621},[527,951,952],{"class":603},"// Load the 3D model\n",[527,954,955,957,959,962,965,968,970,972,974,977,979,982,984,986,988,991,993,997,999],{"class":529,"line":636},[527,956,610],{"class":541},[527,958,571],{"class":533},[527,960,961],{"class":537}," state",[527,963,964],{"class":533},":",[527,966,967],{"class":574}," model ",[527,969,696],{"class":533},[527,971,699],{"class":533},[527,973,909],{"class":702},[527,975,976],{"class":574},"(",[527,978,630],{"class":533},[527,980,981],{"class":554},"/blender-cube-draco.glb",[527,983,630],{"class":533},[527,985,685],{"class":533},[527,987,571],{"class":533},[527,989,990],{"class":537}," draco",[527,992,964],{"class":533},[527,994,996],{"class":995},"sfNiH"," true",[527,998,578],{"class":533},[527,1000,1001],{"class":574},")\n",[527,1003,1004,1006,1009,1011,1014,1016,1019,1022,1025,1028,1031,1034,1037,1039],{"class":529,"line":648},[527,1005,610],{"class":541},[527,1007,1008],{"class":574}," cube ",[527,1010,548],{"class":533},[527,1012,1013],{"class":702}," computed",[527,1015,976],{"class":574},[527,1017,1018],{"class":533},"()",[527,1020,1021],{"class":541}," =>",[527,1023,1024],{"class":574}," model",[527,1026,1027],{"class":533},".",[527,1029,1030],{"class":574},"value",[527,1032,1033],{"class":533},"?.",[527,1035,1036],{"class":574},"nodes",[527,1038,1033],{"class":533},[527,1040,1041],{"class":574},"BlenderCube)\n",[527,1043,1044,1046,1049,1051,1053,1055,1057,1059,1061,1063,1065,1067,1070,1072],{"class":529,"line":658},[527,1045,610],{"class":541},[527,1047,1048],{"class":574}," material ",[527,1050,548],{"class":533},[527,1052,1013],{"class":702},[527,1054,976],{"class":574},[527,1056,1018],{"class":533},[527,1058,1021],{"class":541},[527,1060,1024],{"class":574},[527,1062,1027],{"class":533},[527,1064,1030],{"class":574},[527,1066,1033],{"class":533},[527,1068,1069],{"class":574},"materials",[527,1071,1033],{"class":533},[527,1073,1074],{"class":574},"Material)\n",[527,1076,1077],{"class":529,"line":664},[527,1078,597],{"emptyLinePlaceholder":596},[527,1080,1081],{"class":529,"line":669},[527,1082,1083],{"class":603},"// Define texture paths\n",[527,1085,1086,1088,1090,1092],{"class":529,"line":517},[527,1087,610],{"class":541},[527,1089,613],{"class":574},[527,1091,548],{"class":533},[527,1093,618],{"class":574},[527,1095,1096,1098,1101,1103],{"class":529,"line":708},[527,1097,624],{"class":533},[527,1099,1100],{"class":554},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Color.jpg",[527,1102,630],{"class":533},[527,1104,633],{"class":533},[527,1106,1107,1109,1112,1114],{"class":529,"line":718},[527,1108,624],{"class":533},[527,1110,1111],{"class":554},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_NormalGL.jpg",[527,1113,630],{"class":533},[527,1115,633],{"class":533},[527,1117,1118,1120,1123,1125],{"class":529,"line":723},[527,1119,624],{"class":533},[527,1121,1122],{"class":554},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Roughness.jpg",[527,1124,630],{"class":533},[527,1126,633],{"class":533},[527,1128,1129,1131,1134,1136],{"class":529,"line":733},[527,1130,624],{"class":533},[527,1132,1133],{"class":554},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Metalness.jpg",[527,1135,630],{"class":533},[527,1137,633],{"class":533},[527,1139,1140,1142,1145],{"class":529,"line":744},[527,1141,624],{"class":533},[527,1143,1144],{"class":554},"/textures/Metal053C_4K-JPG/Metal053C_4K-JPG_Displacement.jpg",[527,1146,590],{"class":533},[527,1148,1149],{"class":529,"line":756},[527,1150,661],{"class":574},[527,1152,1153],{"class":529,"line":518},[527,1154,597],{"emptyLinePlaceholder":596},[527,1156,1157],{"class":529,"line":519},[527,1158,1159],{"class":603},"// Load all PBR textures at once\n",[527,1161,1162,1164,1166,1168,1170,1172,1174,1176,1178,1180,1182],{"class":529,"line":520},[527,1163,610],{"class":541},[527,1165,571],{"class":533},[527,1167,682],{"class":574},[527,1169,685],{"class":533},[527,1171,688],{"class":574},[527,1173,685],{"class":533},[527,1175,693],{"class":574},[527,1177,696],{"class":533},[527,1179,699],{"class":533},[527,1181,575],{"class":702},[527,1183,705],{"class":574},[527,1185,1186],{"class":529,"line":810},[527,1187,597],{"emptyLinePlaceholder":596},[527,1189,1190],{"class":529,"line":816},[527,1191,1192],{"class":603},"// Apply textures to material when loaded\n",[527,1194,1195,1198,1201,1203,1206,1208,1211,1215,1217,1219,1222,1224],{"class":529,"line":826},[527,1196,1197],{"class":702},"watch",[527,1199,1200],{"class":574},"([material",[527,1202,685],{"class":533},[527,1204,1205],{"class":574}," textures]",[527,1207,685],{"class":533},[527,1209,1210],{"class":533}," ([",[527,1212,1214],{"class":1213},"sHdIc","modelMaterial",[527,1216,685],{"class":533},[527,1218,682],{"class":1213},[527,1220,1221],{"class":533},"])",[527,1223,1021],{"class":541},[527,1225,1226],{"class":533}," {\n",[527,1228,1230,1233,1236,1238,1241,1243,1245,1247,1249,1252,1255,1258,1260,1262,1265],{"class":529,"line":1229},25,[527,1231,1232],{"class":567},"  if",[527,1234,1235],{"class":537}," (",[527,1237,1214],{"class":574},[527,1239,1240],{"class":533}," &&",[527,1242,682],{"class":574},[527,1244,1240],{"class":533},[527,1246,682],{"class":574},[527,1248,1027],{"class":533},[527,1250,1251],{"class":574},"length",[527,1253,1254],{"class":533}," ===",[527,1256,1257],{"class":574}," texturePaths",[527,1259,1027],{"class":533},[527,1261,1251],{"class":574},[527,1263,1264],{"class":537},") ",[527,1266,1267],{"class":533},"{\n",[527,1269,1271],{"class":529,"line":1270},26,[527,1272,1273],{"class":603},"    // Cast to MeshStandardMaterial to access PBR properties\n",[527,1275,1277,1280,1283,1285,1288,1291],{"class":529,"line":1276},27,[527,1278,1279],{"class":541},"    const",[527,1281,1282],{"class":574}," pbrMaterial",[527,1284,699],{"class":533},[527,1286,1287],{"class":574}," modelMaterial",[527,1289,1290],{"class":567}," as",[527,1292,1294],{"class":1293},"sBMFI"," MeshStandardMaterial\n",[527,1296,1298],{"class":529,"line":1297},28,[527,1299,597],{"emptyLinePlaceholder":596},[527,1301,1303],{"class":529,"line":1302},29,[527,1304,1305],{"class":603},"    // Apply textures\n",[527,1307,1309,1312,1314,1317,1319,1321,1324,1328],{"class":529,"line":1308},30,[527,1310,1311],{"class":574},"    pbrMaterial",[527,1313,1027],{"class":533},[527,1315,1316],{"class":574},"map",[527,1318,699],{"class":533},[527,1320,682],{"class":574},[527,1322,1323],{"class":537},"[",[527,1325,1327],{"class":1326},"sbssI","0",[527,1329,661],{"class":537},[527,1331,1333,1335,1337,1340,1342,1344,1346,1349],{"class":529,"line":1332},31,[527,1334,1311],{"class":574},[527,1336,1027],{"class":533},[527,1338,1339],{"class":574},"normalMap",[527,1341,699],{"class":533},[527,1343,682],{"class":574},[527,1345,1323],{"class":537},[527,1347,1348],{"class":1326},"1",[527,1350,661],{"class":537},[527,1352,1354,1356,1358,1361,1363,1365,1367,1370],{"class":529,"line":1353},32,[527,1355,1311],{"class":574},[527,1357,1027],{"class":533},[527,1359,1360],{"class":574},"roughnessMap",[527,1362,699],{"class":533},[527,1364,682],{"class":574},[527,1366,1323],{"class":537},[527,1368,1369],{"class":1326},"2",[527,1371,661],{"class":537},[527,1373,1375,1377,1379,1382,1384,1386,1388,1391],{"class":529,"line":1374},33,[527,1376,1311],{"class":574},[527,1378,1027],{"class":533},[527,1380,1381],{"class":574},"metalnessMap",[527,1383,699],{"class":533},[527,1385,682],{"class":574},[527,1387,1323],{"class":537},[527,1389,1390],{"class":1326},"3",[527,1392,661],{"class":537},[527,1394,1396,1398,1400,1403,1405,1407,1409,1412],{"class":529,"line":1395},34,[527,1397,1311],{"class":574},[527,1399,1027],{"class":533},[527,1401,1402],{"class":574},"displacementMap",[527,1404,699],{"class":533},[527,1406,682],{"class":574},[527,1408,1323],{"class":537},[527,1410,1411],{"class":1326},"4",[527,1413,661],{"class":537},[527,1415,1417],{"class":529,"line":1416},35,[527,1418,597],{"emptyLinePlaceholder":596},[527,1420,1422],{"class":529,"line":1421},36,[527,1423,1424],{"class":603},"    // Set material properties\n",[527,1426,1428,1430,1432,1435,1437],{"class":529,"line":1427},37,[527,1429,1311],{"class":574},[527,1431,1027],{"class":533},[527,1433,1434],{"class":574},"displacementScale",[527,1436,699],{"class":533},[527,1438,1439],{"class":1326}," 0\n",[527,1441,1443,1445,1447,1450,1452],{"class":529,"line":1442},38,[527,1444,1311],{"class":574},[527,1446,1027],{"class":533},[527,1448,1449],{"class":574},"metalness",[527,1451,699],{"class":533},[527,1453,1454],{"class":1326}," 0.8\n",[527,1456,1458,1460,1462,1465,1467],{"class":529,"line":1457},39,[527,1459,1311],{"class":574},[527,1461,1027],{"class":533},[527,1463,1464],{"class":574},"roughness",[527,1466,699],{"class":533},[527,1468,1469],{"class":1326}," 0.2\n",[527,1471,1473],{"class":529,"line":1472},40,[527,1474,1475],{"class":533},"  }\n",[527,1477,1479,1481],{"class":529,"line":1478},41,[527,1480,696],{"class":533},[527,1482,1001],{"class":574},[527,1484,1486],{"class":529,"line":1485},42,[527,1487,597],{"emptyLinePlaceholder":596},[527,1489,1491],{"class":529,"line":1490},43,[527,1492,1493],{"class":603},"// Handle loading state and errors\n",[527,1495,1497,1499,1502,1504,1506,1509,1512,1514],{"class":529,"line":1496},44,[527,1498,1197],{"class":702},[527,1500,1501],{"class":574},"(isLoading",[527,1503,685],{"class":533},[527,1505,1235],{"class":533},[527,1507,1508],{"class":1213},"_loading",[527,1510,1511],{"class":533},")",[527,1513,1021],{"class":541},[527,1515,1226],{"class":533},[527,1517,1519],{"class":529,"line":1518},45,[527,1520,1521],{"class":603},"  // Handle loading state\n",[527,1523,1525,1527],{"class":529,"line":1524},46,[527,1526,696],{"class":533},[527,1528,1001],{"class":574},[527,1530,1532],{"class":529,"line":1531},47,[527,1533,597],{"emptyLinePlaceholder":596},[527,1535,1537,1539,1542,1544,1546,1549,1551,1553],{"class":529,"line":1536},48,[527,1538,1197],{"class":702},[527,1540,1541],{"class":574},"(error",[527,1543,685],{"class":533},[527,1545,1235],{"class":533},[527,1547,1548],{"class":1213},"errs",[527,1550,1511],{"class":533},[527,1552,1021],{"class":541},[527,1554,1226],{"class":533},[527,1556,1558,1560,1562,1564,1566],{"class":529,"line":1557},49,[527,1559,1232],{"class":567},[527,1561,1235],{"class":537},[527,1563,1548],{"class":574},[527,1565,1264],{"class":537},[527,1567,1267],{"class":533},[527,1569,1571,1574,1576,1579,1581,1583,1586,1588,1590,1593],{"class":529,"line":1570},50,[527,1572,1573],{"class":574},"    console",[527,1575,1027],{"class":533},[527,1577,1578],{"class":702},"error",[527,1580,976],{"class":537},[527,1582,630],{"class":533},[527,1584,1585],{"class":554},"Error loading textures:",[527,1587,630],{"class":533},[527,1589,685],{"class":533},[527,1591,1592],{"class":574}," errs",[527,1594,1001],{"class":537},[527,1596,1598],{"class":529,"line":1597},51,[527,1599,1475],{"class":533},[527,1601,1603,1605],{"class":529,"line":1602},52,[527,1604,696],{"class":533},[527,1606,1001],{"class":574},[527,1608,1610,1612,1614],{"class":529,"line":1609},53,[527,1611,711],{"class":533},[527,1613,538],{"class":537},[527,1615,560],{"class":533},[527,1617,1619],{"class":529,"line":1618},54,[527,1620,597],{"emptyLinePlaceholder":596},[527,1622,1624,1626,1628],{"class":529,"line":1623},55,[527,1625,534],{"class":533},[527,1627,728],{"class":537},[527,1629,560],{"class":533},[527,1631,1633,1635,1638,1641,1643,1645,1648,1650],{"class":529,"line":1632},56,[527,1634,736],{"class":533},[527,1636,1637],{"class":537},"TresCanvas",[527,1639,1640],{"class":541}," clear-color",[527,1642,548],{"class":533},[527,1644,551],{"class":533},[527,1646,1647],{"class":554},"#4f4f4f",[527,1649,551],{"class":533},[527,1651,560],{"class":533},[527,1653,1655,1657,1660],{"class":529,"line":1654},57,[527,1656,747],{"class":533},[527,1658,1659],{"class":537},"Suspense",[527,1661,560],{"class":533},[527,1663,1665,1668,1670,1673,1675,1677,1680,1682,1685,1688,1690,1692,1694,1696],{"class":529,"line":1664},58,[527,1666,1667],{"class":533},"      \u003C",[527,1669,355],{"class":537},[527,1671,1672],{"class":541}," preset",[527,1674,548],{"class":533},[527,1676,551],{"class":533},[527,1678,1679],{"class":554},"studio",[527,1681,551],{"class":533},[527,1683,1684],{"class":541}," background",[527,1686,1687],{"class":541}," :blur",[527,1689,548],{"class":533},[527,1691,551],{"class":533},[527,1693,1348],{"class":554},[527,1695,551],{"class":533},[527,1697,753],{"class":533},[527,1699,1701,1704,1706],{"class":529,"line":1700},59,[527,1702,1703],{"class":533},"    \u003C/",[527,1705,1659],{"class":537},[527,1707,560],{"class":533},[527,1709,1711,1713,1716,1719,1721,1723,1726,1728],{"class":529,"line":1710},60,[527,1712,747],{"class":533},[527,1714,1715],{"class":537},"TresPerspectiveCamera",[527,1717,1718],{"class":541}," :position",[527,1720,548],{"class":533},[527,1722,551],{"class":533},[527,1724,1725],{"class":554},"[8, 8, 8]",[527,1727,551],{"class":533},[527,1729,753],{"class":533},[527,1731,1733,1735,1738],{"class":529,"line":1732},61,[527,1734,747],{"class":533},[527,1736,1737],{"class":537},"OrbitControls",[527,1739,753],{"class":533},[527,1741,1743,1745,1748],{"class":529,"line":1742},62,[527,1744,747],{"class":533},[527,1746,1747],{"class":537},"TresGridHelper",[527,1749,753],{"class":533},[527,1751,1753,1755,1758,1761,1763,1765,1767,1769],{"class":529,"line":1752},63,[527,1754,747],{"class":533},[527,1756,1757],{"class":537},"TresAmbientLight",[527,1759,1760],{"class":541}," :intensity",[527,1762,548],{"class":533},[527,1764,551],{"class":533},[527,1766,1369],{"class":554},[527,1768,551],{"class":533},[527,1770,753],{"class":533},[527,1772,1774,1776,1779,1782,1784,1786,1788,1791,1793,1795,1797,1799,1802,1804,1807,1809,1811,1814,1816],{"class":529,"line":1773},64,[527,1775,747],{"class":533},[527,1777,1778],{"class":537},"TresDirectionalLight",[527,1780,1781],{"class":541}," v-light-helper",[527,1783,1718],{"class":541},[527,1785,548],{"class":533},[527,1787,551],{"class":533},[527,1789,1790],{"class":554},"[5, 5, 5]",[527,1792,551],{"class":533},[527,1794,1760],{"class":541},[527,1796,548],{"class":533},[527,1798,551],{"class":533},[527,1800,1801],{"class":554},"0.5",[527,1803,551],{"class":533},[527,1805,1806],{"class":541}," color",[527,1808,548],{"class":533},[527,1810,551],{"class":533},[527,1812,1813],{"class":554},"#ff0000",[527,1815,551],{"class":533},[527,1817,753],{"class":533},[527,1819,1821,1823,1825,1827,1829,1831,1833,1836,1838,1840,1842,1844,1846,1848,1850,1852,1854,1857,1859],{"class":529,"line":1820},65,[527,1822,747],{"class":533},[527,1824,1778],{"class":537},[527,1826,1781],{"class":541},[527,1828,1718],{"class":541},[527,1830,548],{"class":533},[527,1832,551],{"class":533},[527,1834,1835],{"class":554},"[-5, 2, 2]",[527,1837,551],{"class":533},[527,1839,1760],{"class":541},[527,1841,548],{"class":533},[527,1843,551],{"class":533},[527,1845,1801],{"class":554},[527,1847,551],{"class":533},[527,1849,1806],{"class":541},[527,1851,548],{"class":533},[527,1853,551],{"class":533},[527,1855,1856],{"class":554},"#0000ff",[527,1858,551],{"class":533},[527,1860,753],{"class":533},[527,1862,1864,1866,1869,1872,1874,1876,1878,1880],{"class":529,"line":1863},66,[527,1865,747],{"class":533},[527,1867,1868],{"class":537},"TresGroup",[527,1870,1871],{"class":541}," position-y",[527,1873,548],{"class":533},[527,1875,551],{"class":533},[527,1877,1369],{"class":554},[527,1879,551],{"class":533},[527,1881,560],{"class":533},[527,1883,1885,1887,1890,1893,1895,1897,1900,1902,1905,1907,1909,1911,1913],{"class":529,"line":1884},67,[527,1886,1667],{"class":533},[527,1888,1889],{"class":537},"primitive",[527,1891,1892],{"class":541}," v-if",[527,1894,548],{"class":533},[527,1896,551],{"class":533},[527,1898,1899],{"class":554},"cube",[527,1901,551],{"class":533},[527,1903,1904],{"class":541}," :object",[527,1906,548],{"class":533},[527,1908,551],{"class":533},[527,1910,1899],{"class":554},[527,1912,551],{"class":533},[527,1914,753],{"class":533},[527,1916,1918,1920,1922],{"class":529,"line":1917},68,[527,1919,1703],{"class":533},[527,1921,1868],{"class":537},[527,1923,560],{"class":533},[527,1925,1927,1929,1931],{"class":529,"line":1926},69,[527,1928,819],{"class":533},[527,1930,1637],{"class":537},[527,1932,560],{"class":533},[527,1934,1936,1938,1940],{"class":529,"line":1935},70,[527,1937,711],{"class":533},[527,1939,728],{"class":537},[527,1941,560],{"class":533},[507,1943,1945],{"id":1944},"api","API",[1947,1948,1950],"h3",{"id":1949},"parameters","Parameters",[1952,1953,1954,1974],"table",{},[1955,1956,1957],"thead",{},[1958,1959,1960,1965,1968,1971],"tr",{},[1961,1962,1964],"th",{"align":1963},"left","Name",[1961,1966,1967],{},"Type",[1961,1969,1970],{},"Default",[1961,1972,1973],{},"Description",[1975,1976,1977],"tbody",{},[1958,1978,1979,1985,1990,1995],{},[1980,1981,1982],"td",{"align":1963},[502,1983,1984],{},"paths",[1980,1986,1987],{},[524,1988,1989],{},"string[]",[1980,1991,1992],{},[524,1993,1994],{},"undefined",[1980,1996,1997],{},"Array of paths to the textures.",[1947,1999,2001],{"id":2000},"returns","Returns",[1952,2003,2004,2014],{},[1955,2005,2006],{},[1958,2007,2008,2010,2012],{},[1961,2009,1964],{"align":1963},[1961,2011,1967],{},[1961,2013,1973],{},[1975,2015,2016,2031,2046],{},[1958,2017,2018,2023,2028],{},[1980,2019,2020],{"align":1963},[502,2021,2022],{},"textures",[1980,2024,2025],{},[524,2026,2027],{},"Texture[]",[1980,2029,2030],{},"Array of loaded textures.",[1958,2032,2033,2038,2043],{},[1980,2034,2035],{"align":1963},[502,2036,2037],{},"isLoading",[1980,2039,2040],{},[524,2041,2042],{},"boolean",[1980,2044,2045],{},"Whether any textures are still loading.",[1958,2047,2048,2052,2057],{},[1980,2049,2050],{"align":1963},[502,2051,1578],{},[1980,2053,2054],{},[524,2055,2056],{},"Error[] | null",[1980,2058,2059],{},"Array of errors if any occurred during loading.",[507,2061,2063],{"id":2062},"benefits","Benefits",[2065,2066,2067,2074,2080,2086],"ul",{},[2068,2069,2070,2073],"li",{},[502,2071,2072],{},"Simplified API",": Load multiple textures with a single function call",[2068,2075,2076,2079],{},[502,2077,2078],{},"Consolidated loading state",": Track loading state for all textures at once",[2068,2081,2082,2085],{},[502,2083,2084],{},"Unified error handling",": Collect and report errors from all texture loads",[2068,2087,2088,2091],{},[502,2089,2090],{},"Type safety",": Proper TypeScript typing throughout the implementation",[2093,2094,2095],"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":522,"searchDepth":530,"depth":516,"links":2097},[2098,2099,2100,2104],{"id":509,"depth":516,"text":15},{"id":835,"depth":516,"text":836},{"id":1944,"depth":516,"text":1945,"children":2101},[2102,2103],{"id":1949,"depth":593,"text":1950},{"id":2000,"depth":593,"text":2001},{"id":2062,"depth":516,"text":2063},"A composable to load multiple textures efficiently in TresJS scenes.","md",null,{},{"title":141,"description":2105},"SGyfTzTHdLIy26Zf2q6_7GqcLLq8MvwoPurvEYXBwUI",[2112,2114],{"title":137,"path":138,"stem":139,"description":2113,"children":-1},"A composable to load textures in TresJS scenes.",{"title":145,"path":146,"stem":147,"description":2115,"children":-1},"A composable to load and render SVG files as 3D geometry in TresJS scenes.",1782052431205]