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