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