[{"data":1,"prerenderedAt":1854},["ShallowReactive",2],{"navigation":3,"\u002Fapi\u002Fstaging\u002Fenvironment":498,"\u002Fapi\u002Fstaging\u002Fenvironment-surround":1849},[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":375,"body":500,"description":1843,"extension":1844,"links":1845,"meta":1846,"navigation":642,"path":376,"seo":1847,"stem":377,"__hash__":1848},"docs\u002F2.api\u002F8.staging\u002F1.environment.md",{"type":501,"value":502,"toc":1830},"minimark",[503,509,522,529,533,820,827,853,859,863,874,1095,1099,1106,1131,1136,1156,1192,1206,1222,1240,1276,1280,1283,1423,1427,1433,1539,1545,1558,1562,1815,1818,1826],[504,505,506],"scene-controls-wrapper",{},[507,508],"staging-environment",{},[510,511,512,513,517,518,521],"p",{},"Is a component abstraction that automatically sets up a global cubemap, which affects the default ",[514,515,516],"code",{},"scene.environment",", and optionally ",[514,519,520],{},"scene.background",".",[510,523,524,525,528],{},"It uses the composable ",[526,527,379],"a",{"href":380}," under the hood to load the cubemap.",[530,531,15],"h2",{"id":532},"usage",[534,535,540],"pre",{"className":536,"code":537,"language":538,"meta":539,"style":539},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs\u002Fcore'\nimport { Environment } from '@tresjs\u002Fcientos'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CSuspense>\n      \u003CEnvironment\n        :files=\"[\n          '\u002Fpx.jpg',\n          '\u002Fnx.jpg',\n          '\u002Fpy.jpg',\n          '\u002Fny.jpg',\n          '\u002Fpz.jpg',\n          '\u002Fnz.jpg',\n        ]\"\n      \u002F>\n    \u003C\u002FSuspense>\n  \u003C\u002FTresCanvas>\n\u003C\u002Ftemplate>\n","vue","",[514,541,542,577,606,627,637,644,654,665,676,685,701,716,728,740,752,764,776,785,791,801,811],{"__ignoreMap":539},[543,544,547,551,555,559,562,565,568,572,574],"span",{"class":545,"line":546},"line",1,[543,548,550],{"class":549},"sMK4o","\u003C",[543,552,554],{"class":553},"swJcz","script",[543,556,558],{"class":557},"spNyl"," setup",[543,560,561],{"class":557}," lang",[543,563,564],{"class":549},"=",[543,566,567],{"class":549},"\"",[543,569,571],{"class":570},"sfazB","ts",[543,573,567],{"class":549},[543,575,576],{"class":549},">\n",[543,578,580,584,587,591,594,597,600,603],{"class":545,"line":579},2,[543,581,583],{"class":582},"s7zQu","import",[543,585,586],{"class":549}," {",[543,588,590],{"class":589},"sTEyZ"," TresCanvas",[543,592,593],{"class":549}," }",[543,595,596],{"class":582}," from",[543,598,599],{"class":549}," '",[543,601,602],{"class":570},"@tresjs\u002Fcore",[543,604,605],{"class":549},"'\n",[543,607,609,611,613,616,618,620,622,625],{"class":545,"line":608},3,[543,610,583],{"class":582},[543,612,586],{"class":549},[543,614,615],{"class":589}," Environment",[543,617,593],{"class":549},[543,619,596],{"class":582},[543,621,599],{"class":549},[543,623,624],{"class":570},"@tresjs\u002Fcientos",[543,626,605],{"class":549},[543,628,630,633,635],{"class":545,"line":629},4,[543,631,632],{"class":549},"\u003C\u002F",[543,634,554],{"class":553},[543,636,576],{"class":549},[543,638,640],{"class":545,"line":639},5,[543,641,643],{"emptyLinePlaceholder":642},true,"\n",[543,645,647,649,652],{"class":545,"line":646},6,[543,648,550],{"class":549},[543,650,651],{"class":553},"template",[543,653,576],{"class":549},[543,655,657,660,663],{"class":545,"line":656},7,[543,658,659],{"class":549},"  \u003C",[543,661,662],{"class":553},"TresCanvas",[543,664,576],{"class":549},[543,666,668,671,674],{"class":545,"line":667},8,[543,669,670],{"class":549},"    \u003C",[543,672,673],{"class":553},"Suspense",[543,675,576],{"class":549},[543,677,679,682],{"class":545,"line":678},9,[543,680,681],{"class":549},"      \u003C",[543,683,684],{"class":553},"Environment\n",[543,686,688,691,694,696,698],{"class":545,"line":687},10,[543,689,690],{"class":549},"        :",[543,692,693],{"class":557},"files",[543,695,564],{"class":549},[543,697,567],{"class":549},[543,699,700],{"class":549},"[\n",[543,702,704,707,710,713],{"class":545,"line":703},11,[543,705,706],{"class":549},"          '",[543,708,709],{"class":570},"\u002Fpx.jpg",[543,711,712],{"class":549},"'",[543,714,715],{"class":549},",\n",[543,717,719,721,724,726],{"class":545,"line":718},12,[543,720,706],{"class":549},[543,722,723],{"class":570},"\u002Fnx.jpg",[543,725,712],{"class":549},[543,727,715],{"class":549},[543,729,731,733,736,738],{"class":545,"line":730},13,[543,732,706],{"class":549},[543,734,735],{"class":570},"\u002Fpy.jpg",[543,737,712],{"class":549},[543,739,715],{"class":549},[543,741,743,745,748,750],{"class":545,"line":742},14,[543,744,706],{"class":549},[543,746,747],{"class":570},"\u002Fny.jpg",[543,749,712],{"class":549},[543,751,715],{"class":549},[543,753,755,757,760,762],{"class":545,"line":754},15,[543,756,706],{"class":549},[543,758,759],{"class":570},"\u002Fpz.jpg",[543,761,712],{"class":549},[543,763,715],{"class":549},[543,765,767,769,772,774],{"class":545,"line":766},16,[543,768,706],{"class":549},[543,770,771],{"class":570},"\u002Fnz.jpg",[543,773,712],{"class":549},[543,775,715],{"class":549},[543,777,779,782],{"class":545,"line":778},17,[543,780,781],{"class":549},"        ]",[543,783,784],{"class":549},"\"\n",[543,786,788],{"class":545,"line":787},18,[543,789,790],{"class":549},"      \u002F>\n",[543,792,794,797,799],{"class":545,"line":793},19,[543,795,796],{"class":549},"    \u003C\u002F",[543,798,673],{"class":553},[543,800,576],{"class":549},[543,802,804,807,809],{"class":545,"line":803},20,[543,805,806],{"class":549},"  \u003C\u002F",[543,808,662],{"class":553},[543,810,576],{"class":549},[543,812,814,816,818],{"class":545,"line":813},21,[543,815,632],{"class":549},[543,817,651],{"class":553},[543,819,576],{"class":549},[510,821,822,823,826],{},"You can also pass the ",[514,824,825],{},".hdr"," file directly:",[534,828,830],{"className":536,"code":829,"language":538,"meta":539,"style":539},"\u003CSuspense>\n   \u003CEnvironment files=\"\u002Fsunset.hdr\" \u002F>\n\u003C\u002FSuspense>\n",[514,831,832,840,845],{"__ignoreMap":539},[543,833,834,836,838],{"class":545,"line":546},[543,835,550],{"class":549},[543,837,673],{"class":553},[543,839,576],{"class":549},[543,841,842],{"class":545,"line":579},[543,843,844],{"class":589},"   \u003CEnvironment files=\"\u002Fsunset.hdr\" \u002F>\n",[543,846,847,849,851],{"class":545,"line":608},[543,848,632],{"class":549},[543,850,673],{"class":553},[543,852,576],{"class":549},[510,854,855],{},[856,857],"img",{"alt":375,"src":858},"\u002Fcientos\u002Fenvmaps.png",[530,860,862],{"id":861},"texture-reference","Texture reference",[510,864,865,866,869,870,873],{},"You can access the model reference by passing a ",[514,867,868],{},"ref"," to the ",[514,871,872],{},"\u003CEnvironment \u002F>"," prop",[534,875,878],{"className":536,"code":876,"highlights":877,"language":538,"meta":539,"style":539},"\u003Cscript setup lang=\"ts\">\nimport { Environment } from '@tresjs\u002Fcientos'\n\nconst environmentRef = shallowRef()\n\nwatch(environmentRef, texture => {\n  console.log(texture)\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CEnvironment ref=\"environmentRef\" \u002F>\n  \u003CTresMesh>\n    \u003CTresSphereGeometry \u002F>\n    \u003CTresMeshStandardMaterial :env-map=\"envMap\" \u002F>\n  \u003C\u002FTresMesh>\n\u003C\u002Ftemplate>\n",[629,646,678,742,778],[514,879,880,900,918,922,941,945,967,986,993,1002,1006,1014,1035,1044,1054,1078,1086],{"__ignoreMap":539},[543,881,882,884,886,888,890,892,894,896,898],{"class":545,"line":546},[543,883,550],{"class":549},[543,885,554],{"class":553},[543,887,558],{"class":557},[543,889,561],{"class":557},[543,891,564],{"class":549},[543,893,567],{"class":549},[543,895,571],{"class":570},[543,897,567],{"class":549},[543,899,576],{"class":549},[543,901,902,904,906,908,910,912,914,916],{"class":545,"line":579},[543,903,583],{"class":582},[543,905,586],{"class":549},[543,907,615],{"class":589},[543,909,593],{"class":549},[543,911,596],{"class":582},[543,913,599],{"class":549},[543,915,624],{"class":570},[543,917,605],{"class":549},[543,919,920],{"class":545,"line":608},[543,921,643],{"emptyLinePlaceholder":642},[543,923,926,929,932,934,938],{"class":924,"line":629},[545,925],"highlight",[543,927,928],{"class":557},"const",[543,930,931],{"class":589}," environmentRef ",[543,933,564],{"class":549},[543,935,937],{"class":936},"s2Zo4"," shallowRef",[543,939,940],{"class":589},"()\n",[543,942,943],{"class":545,"line":639},[543,944,643],{"emptyLinePlaceholder":642},[543,946,948,951,954,957,961,964],{"class":947,"line":646},[545,925],[543,949,950],{"class":936},"watch",[543,952,953],{"class":589},"(environmentRef",[543,955,956],{"class":549},",",[543,958,960],{"class":959},"sHdIc"," texture",[543,962,963],{"class":557}," =>",[543,965,966],{"class":549}," {\n",[543,968,969,972,974,977,980,983],{"class":545,"line":656},[543,970,971],{"class":589},"  console",[543,973,521],{"class":549},[543,975,976],{"class":936},"log",[543,978,979],{"class":553},"(",[543,981,982],{"class":589},"texture",[543,984,985],{"class":553},")\n",[543,987,988,991],{"class":545,"line":667},[543,989,990],{"class":549},"}",[543,992,985],{"class":589},[543,994,996,998,1000],{"class":995,"line":678},[545,925],[543,997,632],{"class":549},[543,999,554],{"class":553},[543,1001,576],{"class":549},[543,1003,1004],{"class":545,"line":687},[543,1005,643],{"emptyLinePlaceholder":642},[543,1007,1008,1010,1012],{"class":545,"line":703},[543,1009,550],{"class":549},[543,1011,651],{"class":553},[543,1013,576],{"class":549},[543,1015,1016,1018,1020,1023,1025,1027,1030,1032],{"class":545,"line":718},[543,1017,659],{"class":549},[543,1019,375],{"class":553},[543,1021,1022],{"class":557}," ref",[543,1024,564],{"class":549},[543,1026,567],{"class":549},[543,1028,1029],{"class":570},"environmentRef",[543,1031,567],{"class":549},[543,1033,1034],{"class":549}," \u002F>\n",[543,1036,1037,1039,1042],{"class":545,"line":730},[543,1038,659],{"class":549},[543,1040,1041],{"class":553},"TresMesh",[543,1043,576],{"class":549},[543,1045,1047,1049,1052],{"class":1046,"line":742},[545,925],[543,1048,670],{"class":549},[543,1050,1051],{"class":553},"TresSphereGeometry",[543,1053,1034],{"class":549},[543,1055,1056,1058,1061,1064,1067,1069,1071,1074,1076],{"class":545,"line":754},[543,1057,670],{"class":549},[543,1059,1060],{"class":553},"TresMeshStandardMaterial",[543,1062,1063],{"class":549}," :",[543,1065,1066],{"class":557},"env-map",[543,1068,564],{"class":549},[543,1070,567],{"class":549},[543,1072,1073],{"class":589},"envMap",[543,1075,567],{"class":549},[543,1077,1034],{"class":549},[543,1079,1080,1082,1084],{"class":545,"line":766},[543,1081,806],{"class":549},[543,1083,1041],{"class":553},[543,1085,576],{"class":549},[543,1087,1089,1091,1093],{"class":1088,"line":778},[545,925],[543,1090,632],{"class":549},[543,1092,651],{"class":553},[543,1094,576],{"class":549},[530,1096,1098],{"id":1097},"presets","Presets",[510,1100,1101,1102,1105],{},"You can use one of the available presets by passing the ",[514,1103,1104],{},"preset"," prop:",[534,1107,1109],{"className":536,"code":1108,"language":538,"meta":539,"style":539},"\u003CEnvironment preset=\"city\" \u002F>\n",[514,1110,1111],{"__ignoreMap":539},[543,1112,1113,1115,1117,1120,1122,1124,1127,1129],{"class":545,"line":546},[543,1114,550],{"class":549},[543,1116,375],{"class":553},[543,1118,1119],{"class":557}," preset",[543,1121,564],{"class":549},[543,1123,567],{"class":549},[543,1125,1126],{"class":570},"city",[543,1128,567],{"class":549},[543,1130,1034],{"class":549},[1132,1133,1135],"h3",{"id":1134},"preset-quality","Preset quality",[510,1137,1138,1139,1147,1148,1152,1153,1105],{},"Presets are served from the ",[526,1140,1144],{"href":1141,"rel":1142},"https:\u002F\u002Fgithub.com\u002FTresjs\u002Fassets\u002Ftree\u002Fmain\u002Ftextures\u002Fhdr",[1143],"nofollow",[514,1145,1146],{},"Tresjs\u002Fassets"," CDN at ",[1149,1150,1151],"strong",{},"1K"," by default. For higher-fidelity scenes — reflective materials, large backgrounds, hero shots — you can opt into a higher-resolution variant with the ",[514,1154,1155],{},"quality",[534,1157,1159],{"className":536,"code":1158,"language":538,"meta":539,"style":539},"\u003CEnvironment preset=\"sunset\" quality=\"4k\" \u002F>\n",[514,1160,1161],{"__ignoreMap":539},[543,1162,1163,1165,1167,1169,1171,1173,1176,1178,1181,1183,1185,1188,1190],{"class":545,"line":546},[543,1164,550],{"class":549},[543,1166,375],{"class":553},[543,1168,1119],{"class":557},[543,1170,564],{"class":549},[543,1172,567],{"class":549},[543,1174,1175],{"class":570},"sunset",[543,1177,567],{"class":549},[543,1179,1180],{"class":557}," quality",[543,1182,564],{"class":549},[543,1184,567],{"class":549},[543,1186,1187],{"class":570},"4k",[543,1189,567],{"class":549},[543,1191,1034],{"class":549},[510,1193,1194,1195,1198,1199,1202,1203,521],{},"Available tiers: ",[514,1196,1197],{},"'1k'"," (default), ",[514,1200,1201],{},"'2k'",", ",[514,1204,1205],{},"'4k'",[1207,1208,1209],"warning",{},[510,1210,1211,1212,1215,1216,1218,1219,1221],{},"Higher tiers are significantly larger: ",[1149,1213,1214],{},"4K HDRs are ≈30–60MB"," versus ≈1–3MB at 1K. Use ",[514,1217,1201],{}," \u002F ",[514,1220,1205],{}," only when you need the extra detail, and prefer lazy-loading for large backgrounds.",[510,1223,1224,1225,1227,1228,1230,1231,1218,1233,1236,1237,1239],{},"The ",[514,1226,1155],{}," prop only applies when ",[514,1229,1104],{}," is set — it is ignored when loading via ",[514,1232,693],{},[514,1234,1235],{},"path",". An unsupported value falls back to ",[514,1238,1197],{}," with a console warning.",[1207,1241,1242],{},[510,1243,1244,1253,1254,1257,1258,1261,1262,1265,1266,1269,1270,1272,1273,1275],{},[1149,1245,1246,1248,1249,1252],{},[514,1247,1155],{}," has no visible effect when you pass ",[526,1250,1251],{"href":384},"Lightformers"," (or any children)."," With children present, ",[514,1255,1256],{},"\u003CEnvironment>"," bakes the environment and background into a ",[514,1259,1260],{},"WebGLCubeRenderTarget"," sized by the ",[514,1263,1264],{},"resolution"," prop (default ",[514,1267,1268],{},"256","), so a high-res preset gets downsampled to that cube — the background will look pixelated regardless of ",[514,1271,1155],{},". For a sharp high-res background, either omit the children or raise ",[514,1274,1264],{}," (a cube big enough to match 4K is expensive to render each frame).",[530,1277,1279],{"id":1278},"environment-rotation","Environment Rotation",[510,1281,1282],{},"The environment component supports both background and environment rotation. You can control them independently or sync them together:",[534,1284,1286],{"className":536,"code":1285,"language":538,"meta":539,"style":539},"\u003Ctemplate>\n  \u003CEnvironment\n    preset=\"sunset\"\n    :background=\"true\"\n    :background-rotation=\"[0, Math.PI \u002F 2, 0]\"\n    :environment-rotation=\"[0, Math.PI \u002F 4, 0]\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[514,1287,1288,1296,1302,1315,1333,1375,1410,1415],{"__ignoreMap":539},[543,1289,1290,1292,1294],{"class":545,"line":546},[543,1291,550],{"class":549},[543,1293,651],{"class":553},[543,1295,576],{"class":549},[543,1297,1298,1300],{"class":545,"line":579},[543,1299,659],{"class":549},[543,1301,684],{"class":553},[543,1303,1304,1307,1309,1311,1313],{"class":545,"line":608},[543,1305,1306],{"class":557},"    preset",[543,1308,564],{"class":549},[543,1310,567],{"class":549},[543,1312,1175],{"class":570},[543,1314,784],{"class":549},[543,1316,1317,1320,1323,1325,1327,1331],{"class":545,"line":629},[543,1318,1319],{"class":549},"    :",[543,1321,1322],{"class":557},"background",[543,1324,564],{"class":549},[543,1326,567],{"class":549},[543,1328,1330],{"class":1329},"sfNiH","true",[543,1332,784],{"class":549},[543,1334,1335,1337,1340,1342,1344,1347,1351,1353,1356,1358,1361,1363,1366,1368,1370,1373],{"class":545,"line":639},[543,1336,1319],{"class":549},[543,1338,1339],{"class":557},"background-rotation",[543,1341,564],{"class":549},[543,1343,567],{"class":549},[543,1345,1346],{"class":549},"[",[543,1348,1350],{"class":1349},"sbssI","0",[543,1352,1202],{"class":549},[543,1354,1355],{"class":589},"Math",[543,1357,521],{"class":549},[543,1359,1360],{"class":589},"PI",[543,1362,1218],{"class":549},[543,1364,1365],{"class":1349},"2",[543,1367,1202],{"class":549},[543,1369,1350],{"class":1349},[543,1371,1372],{"class":549},"]",[543,1374,784],{"class":549},[543,1376,1377,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397,1399,1402,1404,1406,1408],{"class":545,"line":646},[543,1378,1319],{"class":549},[543,1380,1278],{"class":557},[543,1382,564],{"class":549},[543,1384,567],{"class":549},[543,1386,1346],{"class":549},[543,1388,1350],{"class":1349},[543,1390,1202],{"class":549},[543,1392,1355],{"class":589},[543,1394,521],{"class":549},[543,1396,1360],{"class":589},[543,1398,1218],{"class":549},[543,1400,1401],{"class":1349},"4",[543,1403,1202],{"class":549},[543,1405,1350],{"class":1349},[543,1407,1372],{"class":549},[543,1409,784],{"class":549},[543,1411,1412],{"class":545,"line":656},[543,1413,1414],{"class":549},"  \u002F>\n",[543,1416,1417,1419,1421],{"class":545,"line":667},[543,1418,632],{"class":549},[543,1420,651],{"class":553},[543,1422,576],{"class":549},[1132,1424,1426],{"id":1425},"syncing-rotations","Syncing Rotations",[510,1428,1429,1430,1105],{},"You can sync the environment rotation with the background rotation using the ",[514,1431,1432],{},"syncMaterials",[534,1434,1436],{"className":536,"code":1435,"language":538,"meta":539,"style":539},"\u003Ctemplate>\n  \u003CEnvironment\n    preset=\"sunset\"\n    :background=\"true\"\n    :sync-materials=\"true\"\n    :background-rotation=\"[0, Math.PI \u002F 2, 0]\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[514,1437,1438,1446,1452,1464,1478,1493,1527,1531],{"__ignoreMap":539},[543,1439,1440,1442,1444],{"class":545,"line":546},[543,1441,550],{"class":549},[543,1443,651],{"class":553},[543,1445,576],{"class":549},[543,1447,1448,1450],{"class":545,"line":579},[543,1449,659],{"class":549},[543,1451,684],{"class":553},[543,1453,1454,1456,1458,1460,1462],{"class":545,"line":608},[543,1455,1306],{"class":557},[543,1457,564],{"class":549},[543,1459,567],{"class":549},[543,1461,1175],{"class":570},[543,1463,784],{"class":549},[543,1465,1466,1468,1470,1472,1474,1476],{"class":545,"line":629},[543,1467,1319],{"class":549},[543,1469,1322],{"class":557},[543,1471,564],{"class":549},[543,1473,567],{"class":549},[543,1475,1330],{"class":1329},[543,1477,784],{"class":549},[543,1479,1480,1482,1485,1487,1489,1491],{"class":545,"line":639},[543,1481,1319],{"class":549},[543,1483,1484],{"class":557},"sync-materials",[543,1486,564],{"class":549},[543,1488,567],{"class":549},[543,1490,1330],{"class":1329},[543,1492,784],{"class":549},[543,1494,1495,1497,1499,1501,1503,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525],{"class":545,"line":646},[543,1496,1319],{"class":549},[543,1498,1339],{"class":557},[543,1500,564],{"class":549},[543,1502,567],{"class":549},[543,1504,1346],{"class":549},[543,1506,1350],{"class":1349},[543,1508,1202],{"class":549},[543,1510,1355],{"class":589},[543,1512,521],{"class":549},[543,1514,1360],{"class":589},[543,1516,1218],{"class":549},[543,1518,1365],{"class":1349},[543,1520,1202],{"class":549},[543,1522,1350],{"class":1349},[543,1524,1372],{"class":549},[543,1526,784],{"class":549},[543,1528,1529],{"class":545,"line":656},[543,1530,1414],{"class":549},[543,1532,1533,1535,1537],{"class":545,"line":667},[543,1534,632],{"class":549},[543,1536,651],{"class":553},[543,1538,576],{"class":549},[510,1540,1541,1542,1544],{},"When ",[514,1543,1432],{}," is enabled:",[1546,1547,1548,1552,1555],"ul",{},[1549,1550,1551],"li",{},"The environment rotation will automatically match the background rotation",[1549,1553,1554],{},"All materials in the scene will update to reflect the new rotation",[1549,1556,1557],{},"This ensures visual consistency between the background and environment reflections",[530,1559,1561],{"id":1560},"props","Props",[1563,1564,1565,1582],"table",{},[1566,1567,1568],"thead",{},[1569,1570,1571,1576,1579],"tr",{},[1572,1573,1575],"th",{"align":1574},"left","Prop",[1572,1577,1578],{"align":1574},"Description",[1572,1580,1581],{},"Default",[1583,1584,1585,1600,1613,1633,1650,1662,1675,1701,1712,1725,1738,1751,1763,1775,1790,1804],"tbody",{},[1569,1586,1587,1592,1595],{},[1588,1589,1590],"td",{"align":1574},[514,1591,693],{},[1588,1593,1594],{"align":1574},"Array of 6 urls to images, one for each side of the CubeTexture, or an HDR file",[1588,1596,1597],{},[514,1598,1599],{},"undefined",[1569,1601,1602,1606,1609],{},[1588,1603,1604],{"align":1574},[514,1605,1235],{},[1588,1607,1608],{"align":1574},"Path to the environment map files",[1588,1610,1611],{},[514,1612,1599],{},[1569,1614,1615,1620,1623],{},[1588,1616,1617],{"align":1574},[514,1618,1619],{},"encoding",[1588,1621,1622],{"align":1574},"Encoding of the environment map",[1588,1624,1625,1628,1629,1632],{},[514,1626,1627],{},"SRGBColorSpace"," for array files, ",[514,1630,1631],{},"LinearEncoding"," for single texture",[1569,1634,1635,1639,1645],{},[1588,1636,1637],{"align":1574},[514,1638,1322],{},[1588,1640,1641,1642,1644],{"align":1574},"If ",[514,1643,1330],{},", the environment map will be used as the scene background",[1588,1646,1647],{},[514,1648,1649],{},"false",[1569,1651,1652,1657,1660],{},[1588,1653,1654],{"align":1574},[514,1655,1656],{},"blur",[1588,1658,1659],{"align":1574},"Blur factor between 0 and 1 (only works with three 0.146 and up)",[1588,1661,1350],{},[1569,1663,1664,1668,1671],{},[1588,1665,1666],{"align":1574},[514,1667,1104],{},[1588,1669,1670],{"align":1574},"Preset environment map",[1588,1672,1673],{},[514,1674,1599],{},[1569,1676,1677,1681,1697],{},[1588,1678,1679],{"align":1574},[514,1680,1155],{},[1588,1682,1683,1684,1687,1688,1687,1691,1693,1694,1696],{"align":1574},"Resolution variant of the preset HDR (",[514,1685,1686],{},"1k"," | ",[514,1689,1690],{},"2k",[514,1692,1187],{},"). Only applies when ",[514,1695,1104],{}," is set",[1588,1698,1699],{},[514,1700,1686],{},[1569,1702,1703,1707,1710],{},[1588,1704,1705],{"align":1574},[514,1706,1264],{},[1588,1708,1709],{"align":1574},"The resolution of the WebGLCubeRenderTarget",[1588,1711,1268],{},[1569,1713,1714,1719,1722],{},[1588,1715,1716],{"align":1574},[514,1717,1718],{},"near",[1588,1720,1721],{"align":1574},"The near of the CubeCamera",[1588,1723,1724],{},"1",[1569,1726,1727,1732,1735],{},[1588,1728,1729],{"align":1574},[514,1730,1731],{},"far",[1588,1733,1734],{"align":1574},"The far of the CubeCamera",[1588,1736,1737],{},"1000",[1569,1739,1740,1745,1748],{},[1588,1741,1742],{"align":1574},[514,1743,1744],{},"frames",[1588,1746,1747],{"align":1574},"The frames of the cubeCamera.update",[1588,1749,1750],{},"Infinity",[1569,1752,1753,1758,1761],{},[1588,1754,1755],{"align":1574},[514,1756,1757],{},"backgroundIntensity",[1588,1759,1760],{"align":1574},"Intensity of the background",[1588,1762,1724],{},[1569,1764,1765,1770,1773],{},[1588,1766,1767],{"align":1574},[514,1768,1769],{},"environmentIntensity",[1588,1771,1772],{"align":1574},"Intensity of the environment",[1588,1774,1724],{},[1569,1776,1777,1782,1785],{},[1588,1778,1779],{"align":1574},[514,1780,1781],{},"backgroundRotation",[1588,1783,1784],{"align":1574},"Rotation of the background (in radians)",[1588,1786,1787],{},[543,1788,1789],{},"0, 0, 0",[1569,1791,1792,1797,1800],{},[1588,1793,1794],{"align":1574},[514,1795,1796],{},"environmentRotation",[1588,1798,1799],{"align":1574},"Rotation of the environment (in radians)",[1588,1801,1802],{},[543,1803,1789],{},[1569,1805,1806,1810,1813],{},[1588,1807,1808],{"align":1574},[514,1809,1432],{},[1588,1811,1812],{"align":1574},"If true, environment rotation will sync with background rotation",[1588,1814,1649],{},[1132,1816,1098],{"id":1817},"presets-1",[534,1819,1824],{"className":1820,"code":1822,"language":1823},[1821],"language-text","sunset\nstudio\ncity\numbrellas\nnight\nforest\nsnow\ndawn\nhangar\nurban\nmodern\nshangai\n","text",[514,1825,1822],{"__ignoreMap":539},[1827,1828,1829],"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 .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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":539,"searchDepth":546,"depth":579,"links":1831},[1832,1833,1834,1837,1840],{"id":532,"depth":579,"text":15},{"id":861,"depth":579,"text":862},{"id":1097,"depth":579,"text":1098,"children":1835},[1836],{"id":1134,"depth":608,"text":1135},{"id":1278,"depth":579,"text":1279,"children":1838},[1839],{"id":1425,"depth":608,"text":1426},{"id":1560,"depth":579,"text":1561,"children":1841},[1842],{"id":1817,"depth":608,"text":1098},"Automatically sets up a global cubemap for scene environment and background.","md",null,{},{"title":375,"description":1843},"qFwBC0gwpmIRV8fAkWJdOJik9gNGfs8Ly3nKoM30G4U",[1850,1852],{"title":369,"path":370,"stem":371,"description":1851,"children":-1},"All staging components",{"title":379,"path":380,"stem":381,"description":1853,"children":-1},"Composable that sets up a global cubemap for scene environment and background.",1791549575247]