[{"data":1,"prerenderedAt":1289},["ShallowReactive",2],{"navigation":3,"\u002Fapi\u002Floaders\u002Fuse-texture":498,"\u002Fapi\u002Floaders\u002Fuse-texture-surround":1284},[4,26],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,10,14,18,22],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"Installation Guide","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":15,"path":16,"stem":17},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage",{"title":19,"path":20,"stem":21},"Loading Models","\u002Fgetting-started\u002Floading-models","1.getting-started\u002F4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","\u002Fgetting-started\u002Fupgrade-guide","1.getting-started\u002F5.upgrade-guide",{"title":27,"path":28,"stem":29,"children":30},"Api","\u002Fapi","2.api",[31,34,96,126,168,210,308,334,368,418,464],{"title":32,"path":28,"stem":33},"All","2.api\u002Findex",{"title":35,"path":36,"stem":37,"children":38},"Abstractions","\u002Fapi\u002Fabstractions","2.api\u002F1.abstractions\u002Findex",[39,40,44,48,52,56,60,64,68,72,76,80,84,88,92],{"title":35,"path":36,"stem":37},{"title":41,"path":42,"stem":43},"Align","\u002Fapi\u002Fabstractions\u002Falign","2.api\u002F1.abstractions\u002Falign",{"title":45,"path":46,"stem":47},"Billboard","\u002Fapi\u002Fabstractions\u002Fbillboard","2.api\u002F1.abstractions\u002Fbillboard",{"title":49,"path":50,"stem":51},"Camera Shake","\u002Fapi\u002Fabstractions\u002Fcamera-shake","2.api\u002F1.abstractions\u002Fcamera-shake",{"title":53,"path":54,"stem":55},"Decal","\u002Fapi\u002Fabstractions\u002Fdecal","2.api\u002F1.abstractions\u002Fdecal",{"title":57,"path":58,"stem":59},"Edges","\u002Fapi\u002Fabstractions\u002Fedges","2.api\u002F1.abstractions\u002Fedges",{"title":61,"path":62,"stem":63},"Fit","\u002Fapi\u002Fabstractions\u002Ffit","2.api\u002F1.abstractions\u002Ffit",{"title":65,"path":66,"stem":67},"Instances","\u002Fapi\u002Fabstractions\u002Finstances","2.api\u002F1.abstractions\u002Finstances",{"title":69,"path":70,"stem":71},"Levioso (Float)","\u002Fapi\u002Fabstractions\u002Flevioso","2.api\u002F1.abstractions\u002Flevioso",{"title":73,"path":74,"stem":75},"Mask","\u002Fapi\u002Fabstractions\u002Fmask","2.api\u002F1.abstractions\u002Fmask",{"title":77,"path":78,"stem":79},"Merged","\u002Fapi\u002Fabstractions\u002Fmerged","2.api\u002F1.abstractions\u002Fmerged",{"title":81,"path":82,"stem":83},"Outline","\u002Fapi\u002Fabstractions\u002Foutline","2.api\u002F1.abstractions\u002Foutline",{"title":85,"path":86,"stem":87},"Sampler","\u002Fapi\u002Fabstractions\u002Fsampler","2.api\u002F1.abstractions\u002Fsampler",{"title":89,"path":90,"stem":91},"ScreenSizer","\u002Fapi\u002Fabstractions\u002Fscreen-sizer","2.api\u002F1.abstractions\u002Fscreen-sizer",{"title":93,"path":94,"stem":95},"ScreenSpace","\u002Fapi\u002Fabstractions\u002Fscreen-space","2.api\u002F1.abstractions\u002Fscreen-space",{"title":97,"path":98,"stem":99,"children":100},"Controls","\u002Fapi\u002Fcontrols","2.api\u002F2.controls\u002Findex",[101,102,106,110,114,118,122],{"title":97,"path":98,"stem":99},{"title":103,"path":104,"stem":105},"Camera Controls","\u002Fapi\u002Fcontrols\u002Fcamera-controls","2.api\u002F2.controls\u002Fcamera-controls",{"title":107,"path":108,"stem":109},"Keyboard Controls","\u002Fapi\u002Fcontrols\u002Fkeyboard-controls","2.api\u002F2.controls\u002Fkeyboard-controls",{"title":111,"path":112,"stem":113},"Map Controls","\u002Fapi\u002Fcontrols\u002Fmap-controls","2.api\u002F2.controls\u002Fmap-controls",{"title":115,"path":116,"stem":117},"Orbit Controls","\u002Fapi\u002Fcontrols\u002Forbit-controls","2.api\u002F2.controls\u002Forbit-controls",{"title":119,"path":120,"stem":121},"PointerLock Controls","\u002Fapi\u002Fcontrols\u002Fpointer-lock-controls","2.api\u002F2.controls\u002Fpointer-lock-controls",{"title":123,"path":124,"stem":125},"Transform Controls","\u002Fapi\u002Fcontrols\u002Ftransform-controls","2.api\u002F2.controls\u002Ftransform-controls",{"title":127,"path":128,"stem":129,"children":130},"Loaders","\u002Fapi\u002Floaders","2.api\u002F3.loaders\u002Findex",[131,132,136,140,144,148,152,156,160,164],{"title":127,"path":128,"stem":129},{"title":133,"path":134,"stem":135},"useGLTF","\u002Fapi\u002Floaders\u002Fuse-gltf","2.api\u002F3.loaders\u002F1.use-gltf",{"title":137,"path":138,"stem":139},"GLTFModel","\u002Fapi\u002Floaders\u002Fgltf-model","2.api\u002F3.loaders\u002F2.gltf-model",{"title":141,"path":142,"stem":143},"useFBX","\u002Fapi\u002Floaders\u002Fuse-fbx","2.api\u002F3.loaders\u002F3.use-fbx",{"title":145,"path":146,"stem":147},"FBXModel","\u002Fapi\u002Floaders\u002Ffbx-model","2.api\u002F3.loaders\u002F4.fbx-model",{"title":149,"path":150,"stem":151},"useTexture","\u002Fapi\u002Floaders\u002Fuse-texture","2.api\u002F3.loaders\u002F5.use-texture",{"title":153,"path":154,"stem":155},"useTextures","\u002Fapi\u002Floaders\u002Fuse-textures","2.api\u002F3.loaders\u002F6.use-textures",{"title":157,"path":158,"stem":159},"useSVG","\u002Fapi\u002Floaders\u002Fuse-svg","2.api\u002F3.loaders\u002F7.use-svg",{"title":161,"path":162,"stem":163},"useProgress","\u002Fapi\u002Floaders\u002Fuse-progress","2.api\u002F3.loaders\u002Fuse-progress",{"title":165,"path":166,"stem":167},"useVideoTexture","\u002Fapi\u002Floaders\u002Fuse-video-texture","2.api\u002F3.loaders\u002Fuse-video-texture",{"title":169,"path":170,"stem":171,"children":172},"Materials","\u002Fapi\u002Fmaterials","2.api\u002F4.materials\u002Findex",[173,174,178,182,186,190,194,198,202,206],{"title":169,"path":170,"stem":171},{"title":175,"path":176,"stem":177},"Custom Shader Material","\u002Fapi\u002Fmaterials\u002Fcustom-shader-material","2.api\u002F4.materials\u002Fcustom-shader-material",{"title":179,"path":180,"stem":181},"Mesh Glass Material","\u002Fapi\u002Fmaterials\u002Fglass-material","2.api\u002F4.materials\u002Fglass-material",{"title":183,"path":184,"stem":185},"Holographic Material","\u002Fapi\u002Fmaterials\u002Fholographic-material","2.api\u002F4.materials\u002Fholographic-material",{"title":187,"path":188,"stem":189},"Mesh Discard Material","\u002Fapi\u002Fmaterials\u002Fmesh-discard-material","2.api\u002F4.materials\u002Fmesh-discard-material",{"title":191,"path":192,"stem":193},"Mesh Portal Material","\u002Fapi\u002Fmaterials\u002Fmesh-portal-material","2.api\u002F4.materials\u002Fmesh-portal-material",{"title":195,"path":196,"stem":197},"Mesh Reflection Material","\u002Fapi\u002Fmaterials\u002Fmesh-reflection-material","2.api\u002F4.materials\u002Fmesh-reflection-material",{"title":199,"path":200,"stem":201},"Mesh Transmission Material","\u002Fapi\u002Fmaterials\u002Fmesh-transmission-material","2.api\u002F4.materials\u002Fmesh-transmission-material",{"title":203,"path":204,"stem":205},"Point Material","\u002Fapi\u002Fmaterials\u002Fpoint-material","2.api\u002F4.materials\u002Fpoint-material",{"title":207,"path":208,"stem":209},"Wobble Material","\u002Fapi\u002Fmaterials\u002Fwobble-material","2.api\u002F4.materials\u002Fwobble-material",{"title":211,"path":212,"stem":213,"children":214},"Shapes","\u002Fapi\u002Fshapes","2.api\u002F5.shapes\u002Findex",[215,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304],{"title":211,"path":212,"stem":213},{"title":217,"path":218,"stem":219},"Box","\u002Fapi\u002Fshapes\u002Fbox","2.api\u002F5.shapes\u002Fbox",{"title":221,"path":222,"stem":223},"CatmullRomCurve3","\u002Fapi\u002Fshapes\u002Fcatmullromcurve3","2.api\u002F5.shapes\u002Fcatmullromcurve3",{"title":225,"path":226,"stem":227},"Circle","\u002Fapi\u002Fshapes\u002Fcircle","2.api\u002F5.shapes\u002Fcircle",{"title":229,"path":230,"stem":231},"Cone","\u002Fapi\u002Fshapes\u002Fcone","2.api\u002F5.shapes\u002Fcone",{"title":233,"path":234,"stem":235},"Cubic Bezier Line","\u002Fapi\u002Fshapes\u002Fcubic-bezier-line","2.api\u002F5.shapes\u002Fcubic-bezier-line",{"title":237,"path":238,"stem":239},"Cylinder","\u002Fapi\u002Fshapes\u002Fcylinder","2.api\u002F5.shapes\u002Fcylinder",{"title":241,"path":242,"stem":243},"Dodecahedron","\u002Fapi\u002Fshapes\u002Fdodecahedron","2.api\u002F5.shapes\u002Fdodecahedron",{"title":245,"path":246,"stem":247},"Grid","\u002Fapi\u002Fshapes\u002Fgrid","2.api\u002F5.shapes\u002Fgrid",{"title":249,"path":250,"stem":251},"Icosahedron","\u002Fapi\u002Fshapes\u002Ficosahedron","2.api\u002F5.shapes\u002Ficosahedron",{"title":253,"path":254,"stem":255},"Line2","\u002Fapi\u002Fshapes\u002Fline2","2.api\u002F5.shapes\u002Fline2",{"title":257,"path":258,"stem":259},"Octahedron","\u002Fapi\u002Fshapes\u002Foctahedron","2.api\u002F5.shapes\u002Foctahedron",{"title":261,"path":262,"stem":263},"Plane","\u002Fapi\u002Fshapes\u002Fplane","2.api\u002F5.shapes\u002Fplane",{"title":265,"path":266,"stem":267},"Quadratic Bezier Line","\u002Fapi\u002Fshapes\u002Fquadratic-bezier-line","2.api\u002F5.shapes\u002Fquadratic-bezier-line",{"title":269,"path":270,"stem":271},"Ring","\u002Fapi\u002Fshapes\u002Fring","2.api\u002F5.shapes\u002Fring",{"title":273,"path":274,"stem":275},"Rounded Box","\u002Fapi\u002Fshapes\u002Frounded-box","2.api\u002F5.shapes\u002Frounded-box",{"title":277,"path":278,"stem":279},"Rounded Plane","\u002Fapi\u002Fshapes\u002Frounded-plane","2.api\u002F5.shapes\u002Frounded-plane",{"title":281,"path":282,"stem":283},"Screen Quad","\u002Fapi\u002Fshapes\u002Fscreen-quad","2.api\u002F5.shapes\u002Fscreen-quad",{"title":285,"path":286,"stem":287},"Sphere","\u002Fapi\u002Fshapes\u002Fsphere","2.api\u002F5.shapes\u002Fsphere",{"title":289,"path":290,"stem":291},"Superformula","\u002Fapi\u002Fshapes\u002Fsuperformula","2.api\u002F5.shapes\u002Fsuperformula",{"title":293,"path":294,"stem":295},"Tetrahedron","\u002Fapi\u002Fshapes\u002Ftetrahedron","2.api\u002F5.shapes\u002Ftetrahedron",{"title":297,"path":298,"stem":299},"Torus","\u002Fapi\u002Fshapes\u002Ftorus","2.api\u002F5.shapes\u002Ftorus",{"title":301,"path":302,"stem":303},"Torus Knot","\u002Fapi\u002Fshapes\u002Ftorus-knot","2.api\u002F5.shapes\u002Ftorus-knot",{"title":305,"path":306,"stem":307},"Tube","\u002Fapi\u002Fshapes\u002Ftube","2.api\u002F5.shapes\u002Ftube",{"title":309,"path":310,"stem":311,"children":312},"Debug\u002FPerformance","\u002Fapi\u002Fdebug-performance","2.api\u002F6.debug-performance\u002Findex",[313,314,318,322,326,330],{"title":309,"path":310,"stem":311},{"title":315,"path":316,"stem":317},"Helper","\u002Fapi\u002Fdebug-performance\u002Fhelper","2.api\u002F6.debug-performance\u002Fhelper",{"title":319,"path":320,"stem":321},"LOD","\u002Fapi\u002Fdebug-performance\u002Flod","2.api\u002F6.debug-performance\u002Flod",{"title":323,"path":324,"stem":325},"Stats","\u002Fapi\u002Fdebug-performance\u002Fstats","2.api\u002F6.debug-performance\u002Fstats",{"title":327,"path":328,"stem":329},"StatsGl","\u002Fapi\u002Fdebug-performance\u002Fstats-gl","2.api\u002F6.debug-performance\u002Fstats-gl",{"title":331,"path":332,"stem":333},"useBVH","\u002Fapi\u002Fdebug-performance\u002Fuse-bvh","2.api\u002F6.debug-performance\u002Fuse-bvh",{"title":335,"path":336,"stem":337,"children":338},"Light\u002FShadow","\u002Fapi\u002Flight-shadow","2.api\u002F7.light-shadow\u002Findex",[339,340,344,348,352,356,360,364],{"title":335,"path":336,"stem":337},{"title":341,"path":342,"stem":343},"Accumulative Shadows","\u002Fapi\u002Flight-shadow\u002Faccumulative-shadows","2.api\u002F7.light-shadow\u002Faccumulative-shadows",{"title":345,"path":346,"stem":347},"Bake Shadows","\u002Fapi\u002Flight-shadow\u002Fbake-shadows","2.api\u002F7.light-shadow\u002Fbake-shadows",{"title":349,"path":350,"stem":351},"Circle Shadow","\u002Fapi\u002Flight-shadow\u002Fcircle-shadow","2.api\u002F7.light-shadow\u002Fcircle-shadow",{"title":353,"path":354,"stem":355},"Contact Shadows","\u002Fapi\u002Flight-shadow\u002Fcontact-shadows","2.api\u002F7.light-shadow\u002Fcontact-shadows",{"title":357,"path":358,"stem":359},"Lensflare","\u002Fapi\u002Flight-shadow\u002Flensflare","2.api\u002F7.light-shadow\u002Flensflare",{"title":361,"path":362,"stem":363},"Randomized Lights","\u002Fapi\u002Flight-shadow\u002Frandomized-lights","2.api\u002F7.light-shadow\u002Frandomized-lights",{"title":365,"path":366,"stem":367},"Soft Shadows","\u002Fapi\u002Flight-shadow\u002Fsoft-shadows","2.api\u002F7.light-shadow\u002Fsoft-shadows",{"title":369,"path":370,"stem":371,"children":372},"Staging","\u002Fapi\u002Fstaging","2.api\u002F8.staging\u002Findex",[373,374,378,382,386,390,394,398,402,406,410,414],{"title":369,"path":370,"stem":371},{"title":375,"path":376,"stem":377},"Environment","\u002Fapi\u002Fstaging\u002Fenvironment","2.api\u002F8.staging\u002F1.environment",{"title":379,"path":380,"stem":381},"useEnvironment","\u002Fapi\u002Fstaging\u002Fuse-environment","2.api\u002F8.staging\u002F2.use-environment",{"title":383,"path":384,"stem":385},"Lightformer","\u002Fapi\u002Fstaging\u002Flightformer","2.api\u002F8.staging\u002F3.lightformer",{"title":387,"path":388,"stem":389},"Backdrop","\u002Fapi\u002Fstaging\u002Fbackdrop","2.api\u002F8.staging\u002Fbackdrop",{"title":391,"path":392,"stem":393},"Ocean","\u002Fapi\u002Fstaging\u002Focean","2.api\u002F8.staging\u002Focean",{"title":395,"path":396,"stem":397},"Precipitation","\u002Fapi\u002Fstaging\u002Fprecipitation","2.api\u002F8.staging\u002Fprecipitation",{"title":399,"path":400,"stem":401},"Sky","\u002Fapi\u002Fstaging\u002Fsky","2.api\u002F8.staging\u002Fsky",{"title":403,"path":404,"stem":405},"Smoke","\u002Fapi\u002Fstaging\u002Fsmoke","2.api\u002F8.staging\u002Fsmoke",{"title":407,"path":408,"stem":409},"Sparkles","\u002Fapi\u002Fstaging\u002Fsparkles","2.api\u002F8.staging\u002Fsparkles",{"title":411,"path":412,"stem":413},"Stage","\u002Fapi\u002Fstaging\u002Fstage","2.api\u002F8.staging\u002Fstage",{"title":415,"path":416,"stem":417},"Stars","\u002Fapi\u002Fstaging\u002Fstars","2.api\u002F8.staging\u002Fstars",{"title":419,"path":420,"stem":421,"children":422},"Objects","\u002Fapi\u002Fobjects","2.api\u002F9.objects\u002Findex",[423,424,428,432,436,440,444,448,452,456,460],{"title":419,"path":420,"stem":421},{"title":425,"path":426,"stem":427},"AnimatedSprite","\u002Fapi\u002Fobjects\u002Fanimated-sprite","2.api\u002F9.objects\u002Fanimated-sprite",{"title":429,"path":430,"stem":431},"CubeCamera","\u002Fapi\u002Fobjects\u002Fcube-camera","2.api\u002F9.objects\u002Fcube-camera",{"title":433,"path":434,"stem":435},"Fbo","\u002Fapi\u002Fobjects\u002Ffbo","2.api\u002F9.objects\u002Ffbo",{"title":437,"path":438,"stem":439},"GradientTexture","\u002Fapi\u002Fobjects\u002Fgradient-texture","2.api\u002F9.objects\u002Fgradient-texture",{"title":441,"path":442,"stem":443},"HTML","\u002Fapi\u002Fobjects\u002Fhtml","2.api\u002F9.objects\u002Fhtml",{"title":445,"path":446,"stem":447},"Image","\u002Fapi\u002Fobjects\u002Fimage","2.api\u002F9.objects\u002Fimage",{"title":449,"path":450,"stem":451},"MarchingCubes","\u002Fapi\u002Fobjects\u002Fmarching-cubes","2.api\u002F9.objects\u002Fmarching-cubes",{"title":453,"path":454,"stem":455},"Reflector","\u002Fapi\u002Fobjects\u002Freflector","2.api\u002F9.objects\u002Freflector",{"title":457,"path":458,"stem":459},"Refractor","\u002Fapi\u002Fobjects\u002Frefractor","2.api\u002F9.objects\u002Frefractor",{"title":461,"path":462,"stem":463},"Text3D","\u002Fapi\u002Fobjects\u002Ftext-3d","2.api\u002F9.objects\u002Ftext-3d",{"title":465,"path":466,"stem":467,"children":468},"Miscellaneous","\u002Fapi\u002Fmiscellaneous","2.api\u002Fmiscellaneous\u002Findex",[469,470,474,478,482,486,490,494],{"title":465,"path":466,"stem":467},{"title":471,"path":472,"stem":473},"Bounds","\u002Fapi\u002Fmiscellaneous\u002Fbounds","2.api\u002Fmiscellaneous\u002Fbounds",{"title":475,"path":476,"stem":477},"GlobalAudio","\u002Fapi\u002Fmiscellaneous\u002Fglobal-audio","2.api\u002Fmiscellaneous\u002Fglobal-audio",{"title":479,"path":480,"stem":481},"MouseParallax","\u002Fapi\u002Fmiscellaneous\u002Fmouse-parallax","2.api\u002Fmiscellaneous\u002Fmouse-parallax",{"title":483,"path":484,"stem":485},"PositionalAudio","\u002Fapi\u002Fmiscellaneous\u002Fpositional-audio","2.api\u002Fmiscellaneous\u002Fpositional-audio",{"title":487,"path":488,"stem":489},"useAnimations","\u002Fapi\u002Fmiscellaneous\u002Fuse-animations","2.api\u002Fmiscellaneous\u002Fuse-animations",{"title":491,"path":492,"stem":493},"useGLTFExporter","\u002Fapi\u002Fmiscellaneous\u002Fuse-gltf-exporter","2.api\u002Fmiscellaneous\u002Fuse-gltf-exporter",{"title":495,"path":496,"stem":497},"useIntersect","\u002Fapi\u002Fmiscellaneous\u002Fuse-intersect","2.api\u002Fmiscellaneous\u002Fuse-intersect",{"id":499,"title":149,"body":500,"description":1278,"extension":1279,"links":1280,"meta":1281,"navigation":614,"path":150,"seo":1282,"stem":151,"__hash__":1283},"docs\u002F2.api\u002F3.loaders\u002F5.use-texture.md",{"type":501,"value":502,"toc":1272},"minimark",[503,509,526,530,748,752,818,822,881,885,892,1268],[504,505,506],"scene-wrapper",{},[507,508],"loaders-use-texture",{},[510,511,512,513,520,521,525],"p",{},"A composable that allows you to load textures using the ",[514,515,519],"a",{"href":516,"rel":517},"https:\u002F\u002Fthreejs.org\u002Fdocs\u002F#api\u002Fen\u002Floaders\u002FTextureLoader",[518],"nofollow","Three.js texture loader"," into your ",[522,523,524],"strong",{},"TresJS"," scene.",[527,528,15],"h2",{"id":529},"usage",[531,532,541],"pre",{"className":533,"code":534,"highlights":535,"language":539,"meta":540,"style":540},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { useTexture } from '@tresjs\u002Fcientos'\n\nconst { state: texture, isLoading, error } = useTexture(path)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresMesh>\n    \u003CTresSphereGeometry \u002F>\n    \u003CTresMeshStandardMaterial :map=\"texture\" \u002F>\n  \u003C\u002FTresMesh>\n\u003C\u002Ftemplate>\n",[536,537,538],2,4,10,"vue","",[542,543,544,579,609,616,656,666,671,681,692,704,729,739],"code",{"__ignoreMap":540},[545,546,549,553,557,561,564,567,570,574,576],"span",{"class":547,"line":548},"line",1,[545,550,552],{"class":551},"sMK4o","\u003C",[545,554,556],{"class":555},"swJcz","script",[545,558,560],{"class":559},"spNyl"," setup",[545,562,563],{"class":559}," lang",[545,565,566],{"class":551},"=",[545,568,569],{"class":551},"\"",[545,571,573],{"class":572},"sfazB","ts",[545,575,569],{"class":551},[545,577,578],{"class":551},">\n",[545,580,583,587,590,594,597,600,603,606],{"class":581,"line":536},[547,582],"highlight",[545,584,586],{"class":585},"s7zQu","import",[545,588,589],{"class":551}," {",[545,591,593],{"class":592},"sTEyZ"," useTexture",[545,595,596],{"class":551}," }",[545,598,599],{"class":585}," from",[545,601,602],{"class":551}," '",[545,604,605],{"class":572},"@tresjs\u002Fcientos",[545,607,608],{"class":551},"'\n",[545,610,612],{"class":547,"line":611},3,[545,613,615],{"emptyLinePlaceholder":614},true,"\n",[545,617,619,622,624,627,630,633,636,639,641,644,647,650,653],{"class":618,"line":537},[547,582],[545,620,621],{"class":559},"const",[545,623,589],{"class":551},[545,625,626],{"class":555}," state",[545,628,629],{"class":551},":",[545,631,632],{"class":592}," texture",[545,634,635],{"class":551},",",[545,637,638],{"class":592}," isLoading",[545,640,635],{"class":551},[545,642,643],{"class":592}," error ",[545,645,646],{"class":551},"}",[545,648,649],{"class":551}," =",[545,651,593],{"class":652},"s2Zo4",[545,654,655],{"class":592},"(path)\n",[545,657,659,662,664],{"class":547,"line":658},5,[545,660,661],{"class":551},"\u003C\u002F",[545,663,556],{"class":555},[545,665,578],{"class":551},[545,667,669],{"class":547,"line":668},6,[545,670,615],{"emptyLinePlaceholder":614},[545,672,674,676,679],{"class":547,"line":673},7,[545,675,552],{"class":551},[545,677,678],{"class":555},"template",[545,680,578],{"class":551},[545,682,684,687,690],{"class":547,"line":683},8,[545,685,686],{"class":551},"  \u003C",[545,688,689],{"class":555},"TresMesh",[545,691,578],{"class":551},[545,693,695,698,701],{"class":547,"line":694},9,[545,696,697],{"class":551},"    \u003C",[545,699,700],{"class":555},"TresSphereGeometry",[545,702,703],{"class":551}," \u002F>\n",[545,705,707,709,712,715,718,720,722,725,727],{"class":706,"line":538},[547,582],[545,708,697],{"class":551},[545,710,711],{"class":555},"TresMeshStandardMaterial",[545,713,714],{"class":551}," :",[545,716,717],{"class":559},"map",[545,719,566],{"class":551},[545,721,569],{"class":551},[545,723,724],{"class":592},"texture",[545,726,569],{"class":551},[545,728,703],{"class":551},[545,730,732,735,737],{"class":547,"line":731},11,[545,733,734],{"class":551},"  \u003C\u002F",[545,736,689],{"class":555},[545,738,578],{"class":551},[545,740,742,744,746],{"class":547,"line":741},12,[545,743,661],{"class":551},[545,745,678],{"class":555},[545,747,578],{"class":551},[527,749,751],{"id":750},"options","Options",[753,754,755,775],"table",{},[756,757,758],"thead",{},[759,760,761,766,769,772],"tr",{},[762,763,765],"th",{"align":764},"left","Name",[762,767,768],{},"Type",[762,770,771],{},"Default",[762,773,774],{},"Description",[776,777,778,799],"tbody",{},[759,779,780,786,791,796],{},[781,782,783],"td",{"align":764},[522,784,785],{},"path",[781,787,788],{},[542,789,790],{},"string",[781,792,793],{},[542,794,795],{},"undefined",[781,797,798],{},"The path to the texture.",[759,800,801,806,811,815],{},[781,802,803],{"align":764},[522,804,805],{},"manager",[781,807,808],{},[542,809,810],{},"THREE.LoadingManager",[781,812,813],{},[542,814,795],{},[781,816,817],{},"The loading manager to use for the texture.",[527,819,821],{"id":820},"return-values","Return Values",[753,823,824,834],{},[756,825,826],{},[759,827,828,830,832],{},[762,829,765],{"align":764},[762,831,768],{"align":764},[762,833,774],{"align":764},[776,835,836,851,866],{},[759,837,838,843,848],{},[781,839,840],{"align":764},[542,841,842],{},"state",[781,844,845],{"align":764},[542,846,847],{},"Texture | null",[781,849,850],{"align":764},"The loaded texture",[759,852,853,858,863],{},[781,854,855],{"align":764},[542,856,857],{},"isLoading",[781,859,860],{"align":764},[542,861,862],{},"boolean",[781,864,865],{"align":764},"Whether the texture is loading",[759,867,868,873,878],{},[781,869,870],{"align":764},[542,871,872],{},"error",[781,874,875],{"align":764},[542,876,877],{},"string | null",[781,879,880],{"align":764},"Error message if loading failed",[527,882,884],{"id":883},"component-usage","Component Usage",[510,886,887,888,891],{},"You can also use the ",[542,889,890],{},"UseTexture"," component directly in your template:",[531,893,903],{"className":533,"code":894,"highlights":895,"language":539,"meta":540,"style":540},"\u003Cscript setup lang=\"ts\">\nimport { UseTexture } from '@tresjs\u002Fcientos'\n\nconst path = 'https:\u002F\u002Fraw.githubusercontent.com\u002FTresjs\u002Fassets\u002Fmain\u002Ftextures\u002Fblack-rock\u002FRock035_2K_Color.jpg'\n\nconst handleLoaded = (texture: Texture) => {\n  console.log('Loaded texture', texture)\n}\n\nconst handleError = (error: unknown) => {\n  console.error('error', error)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUseTexture\n    v-slot=\"{ state: texture }\"\n    :path=\"path\"\n    @loaded=\"handleLoaded\"\n    @error=\"handleError\"\n  >\n    \u003CTresMesh>\n      \u003CTresSphereGeometry \u002F>\n      \u003CTresMeshStandardMaterial :map=\"texture\" \u002F>\n    \u003C\u002FTresMesh>\n  \u003C\u002FUseTexture>\n\u003C\u002Ftemplate>\n",[536,896,897,898,899,900,901,902],16,17,18,19,20,21,26,[542,904,905,925,945,949,965,969,999,1028,1033,1037,1061,1084,1088,1097,1102,1111,1119,1144,1160,1178,1194,1200,1209,1219,1240,1250,1259],{"__ignoreMap":540},[545,906,907,909,911,913,915,917,919,921,923],{"class":547,"line":548},[545,908,552],{"class":551},[545,910,556],{"class":555},[545,912,560],{"class":559},[545,914,563],{"class":559},[545,916,566],{"class":551},[545,918,569],{"class":551},[545,920,573],{"class":572},[545,922,569],{"class":551},[545,924,578],{"class":551},[545,926,928,930,932,935,937,939,941,943],{"class":927,"line":536},[547,582],[545,929,586],{"class":585},[545,931,589],{"class":551},[545,933,934],{"class":592}," UseTexture",[545,936,596],{"class":551},[545,938,599],{"class":585},[545,940,602],{"class":551},[545,942,605],{"class":572},[545,944,608],{"class":551},[545,946,947],{"class":547,"line":611},[545,948,615],{"emptyLinePlaceholder":614},[545,950,951,953,956,958,960,963],{"class":547,"line":537},[545,952,621],{"class":559},[545,954,955],{"class":592}," path ",[545,957,566],{"class":551},[545,959,602],{"class":551},[545,961,962],{"class":572},"https:\u002F\u002Fraw.githubusercontent.com\u002FTresjs\u002Fassets\u002Fmain\u002Ftextures\u002Fblack-rock\u002FRock035_2K_Color.jpg",[545,964,608],{"class":551},[545,966,967],{"class":547,"line":658},[545,968,615],{"emptyLinePlaceholder":614},[545,970,971,973,976,978,981,984,986,990,993,996],{"class":547,"line":668},[545,972,621],{"class":559},[545,974,975],{"class":592}," handleLoaded ",[545,977,566],{"class":551},[545,979,980],{"class":551}," (",[545,982,724],{"class":983},"sHdIc",[545,985,629],{"class":551},[545,987,989],{"class":988},"sBMFI"," Texture",[545,991,992],{"class":551},")",[545,994,995],{"class":559}," =>",[545,997,998],{"class":551}," {\n",[545,1000,1001,1004,1007,1010,1013,1016,1019,1021,1023,1025],{"class":547,"line":673},[545,1002,1003],{"class":592},"  console",[545,1005,1006],{"class":551},".",[545,1008,1009],{"class":652},"log",[545,1011,1012],{"class":555},"(",[545,1014,1015],{"class":551},"'",[545,1017,1018],{"class":572},"Loaded texture",[545,1020,1015],{"class":551},[545,1022,635],{"class":551},[545,1024,632],{"class":592},[545,1026,1027],{"class":555},")\n",[545,1029,1030],{"class":547,"line":683},[545,1031,1032],{"class":551},"}\n",[545,1034,1035],{"class":547,"line":694},[545,1036,615],{"emptyLinePlaceholder":614},[545,1038,1039,1041,1044,1046,1048,1050,1052,1055,1057,1059],{"class":547,"line":538},[545,1040,621],{"class":559},[545,1042,1043],{"class":592}," handleError ",[545,1045,566],{"class":551},[545,1047,980],{"class":551},[545,1049,872],{"class":983},[545,1051,629],{"class":551},[545,1053,1054],{"class":988}," unknown",[545,1056,992],{"class":551},[545,1058,995],{"class":559},[545,1060,998],{"class":551},[545,1062,1063,1065,1067,1069,1071,1073,1075,1077,1079,1082],{"class":547,"line":731},[545,1064,1003],{"class":592},[545,1066,1006],{"class":551},[545,1068,872],{"class":652},[545,1070,1012],{"class":555},[545,1072,1015],{"class":551},[545,1074,872],{"class":572},[545,1076,1015],{"class":551},[545,1078,635],{"class":551},[545,1080,1081],{"class":592}," error",[545,1083,1027],{"class":555},[545,1085,1086],{"class":547,"line":741},[545,1087,1032],{"class":551},[545,1089,1091,1093,1095],{"class":547,"line":1090},13,[545,1092,661],{"class":551},[545,1094,556],{"class":555},[545,1096,578],{"class":551},[545,1098,1100],{"class":547,"line":1099},14,[545,1101,615],{"emptyLinePlaceholder":614},[545,1103,1105,1107,1109],{"class":547,"line":1104},15,[545,1106,552],{"class":551},[545,1108,678],{"class":555},[545,1110,578],{"class":551},[545,1112,1114,1116],{"class":1113,"line":896},[547,582],[545,1115,686],{"class":551},[545,1117,1118],{"class":555},"UseTexture\n",[545,1120,1122,1125,1127,1129,1132,1134,1137,1139,1141],{"class":1121,"line":897},[547,582],[545,1123,1124],{"class":559},"    v-slot",[545,1126,566],{"class":551},[545,1128,569],{"class":551},[545,1130,1131],{"class":551},"{ ",[545,1133,842],{"class":555},[545,1135,1136],{"class":551},": ",[545,1138,724],{"class":592},[545,1140,596],{"class":551},[545,1142,1143],{"class":551},"\"\n",[545,1145,1147,1150,1152,1154,1156,1158],{"class":1146,"line":898},[547,582],[545,1148,1149],{"class":551},"    :",[545,1151,785],{"class":559},[545,1153,566],{"class":551},[545,1155,569],{"class":551},[545,1157,785],{"class":592},[545,1159,1143],{"class":551},[545,1161,1163,1166,1169,1171,1173,1176],{"class":1162,"line":899},[547,582],[545,1164,1165],{"class":551},"    @",[545,1167,1168],{"class":559},"loaded",[545,1170,566],{"class":551},[545,1172,569],{"class":551},[545,1174,1175],{"class":592},"handleLoaded",[545,1177,1143],{"class":551},[545,1179,1181,1183,1185,1187,1189,1192],{"class":1180,"line":900},[547,582],[545,1182,1165],{"class":551},[545,1184,872],{"class":559},[545,1186,566],{"class":551},[545,1188,569],{"class":551},[545,1190,1191],{"class":592},"handleError",[545,1193,1143],{"class":551},[545,1195,1197],{"class":1196,"line":901},[547,582],[545,1198,1199],{"class":551},"  >\n",[545,1201,1203,1205,1207],{"class":547,"line":1202},22,[545,1204,697],{"class":551},[545,1206,689],{"class":555},[545,1208,578],{"class":551},[545,1210,1212,1215,1217],{"class":547,"line":1211},23,[545,1213,1214],{"class":551},"      \u003C",[545,1216,700],{"class":555},[545,1218,703],{"class":551},[545,1220,1222,1224,1226,1228,1230,1232,1234,1236,1238],{"class":547,"line":1221},24,[545,1223,1214],{"class":551},[545,1225,711],{"class":555},[545,1227,714],{"class":551},[545,1229,717],{"class":559},[545,1231,566],{"class":551},[545,1233,569],{"class":551},[545,1235,724],{"class":592},[545,1237,569],{"class":551},[545,1239,703],{"class":551},[545,1241,1243,1246,1248],{"class":547,"line":1242},25,[545,1244,1245],{"class":551},"    \u003C\u002F",[545,1247,689],{"class":555},[545,1249,578],{"class":551},[545,1251,1253,1255,1257],{"class":1252,"line":902},[547,582],[545,1254,734],{"class":551},[545,1256,890],{"class":555},[545,1258,578],{"class":551},[545,1260,1262,1264,1266],{"class":547,"line":1261},27,[545,1263,661],{"class":551},[545,1265,678],{"class":555},[545,1267,578],{"class":551},[1269,1270,1271],"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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .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":540,"searchDepth":548,"depth":536,"links":1273},[1274,1275,1276,1277],{"id":529,"depth":536,"text":15},{"id":750,"depth":536,"text":751},{"id":820,"depth":536,"text":821},{"id":883,"depth":536,"text":884},"A composable to load textures in TresJS scenes.","md",null,{},{"title":149,"description":1278},"eWpsm_0O2uskMZJ3Ht1Sb5JPGHO3WvELbtkQ2LoRQO0",[1285,1287],{"title":145,"path":146,"stem":147,"description":1286,"children":-1},"A component based on useFBX to load models in TresJS scenes.",{"title":153,"path":154,"stem":155,"description":1288,"children":-1},"A composable to load multiple textures efficiently in TresJS scenes.",1791549573172]