[{"data":1,"prerenderedAt":1656},["ShallowReactive",2],{"navigation":3,"/api/staging/environment":466,"/api/staging/environment-surround":1651},[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":347,"body":468,"description":1645,"extension":1646,"links":1647,"meta":1648,"navigation":610,"path":348,"seo":1649,"stem":349,"__hash__":1650},"docs/2.api/8.staging/1.environment.md",{"type":469,"value":470,"toc":1634},"minimark",[471,477,490,497,501,788,795,821,827,831,842,1063,1067,1074,1099,1103,1106,1249,1254,1260,1366,1372,1385,1389,1619,1622,1630],[472,473,474],"scene-controls-wrapper",{},[475,476],"staging-environment",{},[478,479,480,481,485,486,489],"p",{},"Is a component abstraction that automatically sets up a global cubemap, which affects the default ",[482,483,484],"code",{},"scene.environment",", and optionally ",[482,487,488],{},"scene.background",".",[478,491,492,493,496],{},"It uses the composable ",[494,495,351],"a",{"href":352}," under the hood to load the cubemap.",[498,499,15],"h2",{"id":500},"usage",[502,503,508],"pre",{"className":504,"code":505,"language":506,"meta":507,"style":507},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { Environment } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CSuspense>\n      \u003CEnvironment\n        :files=\"[\n          '/px.jpg',\n          '/nx.jpg',\n          '/py.jpg',\n          '/ny.jpg',\n          '/pz.jpg',\n          '/nz.jpg',\n        ]\"\n      />\n    \u003C/Suspense>\n  \u003C/TresCanvas>\n\u003C/template>\n","vue","",[482,509,510,545,574,595,605,612,622,633,644,653,669,684,696,708,720,732,744,753,759,769,779],{"__ignoreMap":507},[511,512,515,519,523,527,530,533,536,540,542],"span",{"class":513,"line":514},"line",1,[511,516,518],{"class":517},"sMK4o","\u003C",[511,520,522],{"class":521},"swJcz","script",[511,524,526],{"class":525},"spNyl"," setup",[511,528,529],{"class":525}," lang",[511,531,532],{"class":517},"=",[511,534,535],{"class":517},"\"",[511,537,539],{"class":538},"sfazB","ts",[511,541,535],{"class":517},[511,543,544],{"class":517},">\n",[511,546,548,552,555,559,562,565,568,571],{"class":513,"line":547},2,[511,549,551],{"class":550},"s7zQu","import",[511,553,554],{"class":517}," {",[511,556,558],{"class":557},"sTEyZ"," TresCanvas",[511,560,561],{"class":517}," }",[511,563,564],{"class":550}," from",[511,566,567],{"class":517}," '",[511,569,570],{"class":538},"@tresjs/core",[511,572,573],{"class":517},"'\n",[511,575,577,579,581,584,586,588,590,593],{"class":513,"line":576},3,[511,578,551],{"class":550},[511,580,554],{"class":517},[511,582,583],{"class":557}," Environment",[511,585,561],{"class":517},[511,587,564],{"class":550},[511,589,567],{"class":517},[511,591,592],{"class":538},"@tresjs/cientos",[511,594,573],{"class":517},[511,596,598,601,603],{"class":513,"line":597},4,[511,599,600],{"class":517},"\u003C/",[511,602,522],{"class":521},[511,604,544],{"class":517},[511,606,608],{"class":513,"line":607},5,[511,609,611],{"emptyLinePlaceholder":610},true,"\n",[511,613,615,617,620],{"class":513,"line":614},6,[511,616,518],{"class":517},[511,618,619],{"class":521},"template",[511,621,544],{"class":517},[511,623,625,628,631],{"class":513,"line":624},7,[511,626,627],{"class":517},"  \u003C",[511,629,630],{"class":521},"TresCanvas",[511,632,544],{"class":517},[511,634,636,639,642],{"class":513,"line":635},8,[511,637,638],{"class":517},"    \u003C",[511,640,641],{"class":521},"Suspense",[511,643,544],{"class":517},[511,645,647,650],{"class":513,"line":646},9,[511,648,649],{"class":517},"      \u003C",[511,651,652],{"class":521},"Environment\n",[511,654,656,659,662,664,666],{"class":513,"line":655},10,[511,657,658],{"class":517},"        :",[511,660,661],{"class":525},"files",[511,663,532],{"class":517},[511,665,535],{"class":517},[511,667,668],{"class":517},"[\n",[511,670,672,675,678,681],{"class":513,"line":671},11,[511,673,674],{"class":517},"          '",[511,676,677],{"class":538},"/px.jpg",[511,679,680],{"class":517},"'",[511,682,683],{"class":517},",\n",[511,685,687,689,692,694],{"class":513,"line":686},12,[511,688,674],{"class":517},[511,690,691],{"class":538},"/nx.jpg",[511,693,680],{"class":517},[511,695,683],{"class":517},[511,697,699,701,704,706],{"class":513,"line":698},13,[511,700,674],{"class":517},[511,702,703],{"class":538},"/py.jpg",[511,705,680],{"class":517},[511,707,683],{"class":517},[511,709,711,713,716,718],{"class":513,"line":710},14,[511,712,674],{"class":517},[511,714,715],{"class":538},"/ny.jpg",[511,717,680],{"class":517},[511,719,683],{"class":517},[511,721,723,725,728,730],{"class":513,"line":722},15,[511,724,674],{"class":517},[511,726,727],{"class":538},"/pz.jpg",[511,729,680],{"class":517},[511,731,683],{"class":517},[511,733,735,737,740,742],{"class":513,"line":734},16,[511,736,674],{"class":517},[511,738,739],{"class":538},"/nz.jpg",[511,741,680],{"class":517},[511,743,683],{"class":517},[511,745,747,750],{"class":513,"line":746},17,[511,748,749],{"class":517},"        ]",[511,751,752],{"class":517},"\"\n",[511,754,756],{"class":513,"line":755},18,[511,757,758],{"class":517},"      />\n",[511,760,762,765,767],{"class":513,"line":761},19,[511,763,764],{"class":517},"    \u003C/",[511,766,641],{"class":521},[511,768,544],{"class":517},[511,770,772,775,777],{"class":513,"line":771},20,[511,773,774],{"class":517},"  \u003C/",[511,776,630],{"class":521},[511,778,544],{"class":517},[511,780,782,784,786],{"class":513,"line":781},21,[511,783,600],{"class":517},[511,785,619],{"class":521},[511,787,544],{"class":517},[478,789,790,791,794],{},"You can also pass the ",[482,792,793],{},".hdr"," file directly:",[502,796,798],{"className":504,"code":797,"language":506,"meta":507,"style":507},"\u003CSuspense>\n   \u003CEnvironment files=\"/sunset.hdr\" />\n\u003C/Suspense>\n",[482,799,800,808,813],{"__ignoreMap":507},[511,801,802,804,806],{"class":513,"line":514},[511,803,518],{"class":517},[511,805,641],{"class":521},[511,807,544],{"class":517},[511,809,810],{"class":513,"line":547},[511,811,812],{"class":557},"   \u003CEnvironment files=\"/sunset.hdr\" />\n",[511,814,815,817,819],{"class":513,"line":576},[511,816,600],{"class":517},[511,818,641],{"class":521},[511,820,544],{"class":517},[478,822,823],{},[824,825],"img",{"alt":347,"src":826},"/cientos/envmaps.png",[498,828,830],{"id":829},"texture-reference","Texture reference",[478,832,833,834,837,838,841],{},"You can access the model reference by passing a ",[482,835,836],{},"ref"," to the ",[482,839,840],{},"\u003CEnvironment />"," prop",[502,843,846],{"className":504,"code":844,"highlights":845,"language":506,"meta":507,"style":507},"\u003Cscript setup lang=\"ts\">\nimport { Environment } from '@tresjs/cientos'\n\nconst environmentRef = shallowRef()\n\nwatch(environmentRef, texture => {\n  console.log(texture)\n})\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CEnvironment ref=\"environmentRef\" />\n  \u003CTresMesh>\n    \u003CTresSphereGeometry />\n    \u003CTresMeshStandardMaterial :env-map=\"envMap\" />\n  \u003C/TresMesh>\n\u003C/template>\n",[597,614,646,710,746],[482,847,848,868,886,890,909,913,935,954,961,970,974,982,1003,1012,1022,1046,1054],{"__ignoreMap":507},[511,849,850,852,854,856,858,860,862,864,866],{"class":513,"line":514},[511,851,518],{"class":517},[511,853,522],{"class":521},[511,855,526],{"class":525},[511,857,529],{"class":525},[511,859,532],{"class":517},[511,861,535],{"class":517},[511,863,539],{"class":538},[511,865,535],{"class":517},[511,867,544],{"class":517},[511,869,870,872,874,876,878,880,882,884],{"class":513,"line":547},[511,871,551],{"class":550},[511,873,554],{"class":517},[511,875,583],{"class":557},[511,877,561],{"class":517},[511,879,564],{"class":550},[511,881,567],{"class":517},[511,883,592],{"class":538},[511,885,573],{"class":517},[511,887,888],{"class":513,"line":576},[511,889,611],{"emptyLinePlaceholder":610},[511,891,894,897,900,902,906],{"class":892,"line":597},[513,893],"highlight",[511,895,896],{"class":525},"const",[511,898,899],{"class":557}," environmentRef ",[511,901,532],{"class":517},[511,903,905],{"class":904},"s2Zo4"," shallowRef",[511,907,908],{"class":557},"()\n",[511,910,911],{"class":513,"line":607},[511,912,611],{"emptyLinePlaceholder":610},[511,914,916,919,922,925,929,932],{"class":915,"line":614},[513,893],[511,917,918],{"class":904},"watch",[511,920,921],{"class":557},"(environmentRef",[511,923,924],{"class":517},",",[511,926,928],{"class":927},"sHdIc"," texture",[511,930,931],{"class":525}," =>",[511,933,934],{"class":517}," {\n",[511,936,937,940,942,945,948,951],{"class":513,"line":624},[511,938,939],{"class":557},"  console",[511,941,489],{"class":517},[511,943,944],{"class":904},"log",[511,946,947],{"class":521},"(",[511,949,950],{"class":557},"texture",[511,952,953],{"class":521},")\n",[511,955,956,959],{"class":513,"line":635},[511,957,958],{"class":517},"}",[511,960,953],{"class":557},[511,962,964,966,968],{"class":963,"line":646},[513,893],[511,965,600],{"class":517},[511,967,522],{"class":521},[511,969,544],{"class":517},[511,971,972],{"class":513,"line":655},[511,973,611],{"emptyLinePlaceholder":610},[511,975,976,978,980],{"class":513,"line":671},[511,977,518],{"class":517},[511,979,619],{"class":521},[511,981,544],{"class":517},[511,983,984,986,988,991,993,995,998,1000],{"class":513,"line":686},[511,985,627],{"class":517},[511,987,347],{"class":521},[511,989,990],{"class":525}," ref",[511,992,532],{"class":517},[511,994,535],{"class":517},[511,996,997],{"class":538},"environmentRef",[511,999,535],{"class":517},[511,1001,1002],{"class":517}," />\n",[511,1004,1005,1007,1010],{"class":513,"line":698},[511,1006,627],{"class":517},[511,1008,1009],{"class":521},"TresMesh",[511,1011,544],{"class":517},[511,1013,1015,1017,1020],{"class":1014,"line":710},[513,893],[511,1016,638],{"class":517},[511,1018,1019],{"class":521},"TresSphereGeometry",[511,1021,1002],{"class":517},[511,1023,1024,1026,1029,1032,1035,1037,1039,1042,1044],{"class":513,"line":722},[511,1025,638],{"class":517},[511,1027,1028],{"class":521},"TresMeshStandardMaterial",[511,1030,1031],{"class":517}," :",[511,1033,1034],{"class":525},"env-map",[511,1036,532],{"class":517},[511,1038,535],{"class":517},[511,1040,1041],{"class":557},"envMap",[511,1043,535],{"class":517},[511,1045,1002],{"class":517},[511,1047,1048,1050,1052],{"class":513,"line":734},[511,1049,774],{"class":517},[511,1051,1009],{"class":521},[511,1053,544],{"class":517},[511,1055,1057,1059,1061],{"class":1056,"line":746},[513,893],[511,1058,600],{"class":517},[511,1060,619],{"class":521},[511,1062,544],{"class":517},[498,1064,1066],{"id":1065},"presets","Presets",[478,1068,1069,1070,1073],{},"You can use one of the available presets by passing the ",[482,1071,1072],{},"preset"," prop:",[502,1075,1077],{"className":504,"code":1076,"language":506,"meta":507,"style":507},"\u003CEnvironment preset=\"city\" />\n",[482,1078,1079],{"__ignoreMap":507},[511,1080,1081,1083,1085,1088,1090,1092,1095,1097],{"class":513,"line":514},[511,1082,518],{"class":517},[511,1084,347],{"class":521},[511,1086,1087],{"class":525}," preset",[511,1089,532],{"class":517},[511,1091,535],{"class":517},[511,1093,1094],{"class":538},"city",[511,1096,535],{"class":517},[511,1098,1002],{"class":517},[498,1100,1102],{"id":1101},"environment-rotation","Environment Rotation",[478,1104,1105],{},"The environment component supports both background and environment rotation. You can control them independently or sync them together:",[502,1107,1109],{"className":504,"code":1108,"language":506,"meta":507,"style":507},"\u003Ctemplate>\n  \u003CEnvironment\n    preset=\"sunset\"\n    :background=\"true\"\n    :background-rotation=\"[0, Math.PI / 2, 0]\"\n    :environment-rotation=\"[0, Math.PI / 4, 0]\"\n  />\n\u003C/template>\n",[482,1110,1111,1119,1125,1139,1157,1201,1236,1241],{"__ignoreMap":507},[511,1112,1113,1115,1117],{"class":513,"line":514},[511,1114,518],{"class":517},[511,1116,619],{"class":521},[511,1118,544],{"class":517},[511,1120,1121,1123],{"class":513,"line":547},[511,1122,627],{"class":517},[511,1124,652],{"class":521},[511,1126,1127,1130,1132,1134,1137],{"class":513,"line":576},[511,1128,1129],{"class":525},"    preset",[511,1131,532],{"class":517},[511,1133,535],{"class":517},[511,1135,1136],{"class":538},"sunset",[511,1138,752],{"class":517},[511,1140,1141,1144,1147,1149,1151,1155],{"class":513,"line":597},[511,1142,1143],{"class":517},"    :",[511,1145,1146],{"class":525},"background",[511,1148,532],{"class":517},[511,1150,535],{"class":517},[511,1152,1154],{"class":1153},"sfNiH","true",[511,1156,752],{"class":517},[511,1158,1159,1161,1164,1166,1168,1171,1175,1178,1181,1183,1186,1189,1192,1194,1196,1199],{"class":513,"line":607},[511,1160,1143],{"class":517},[511,1162,1163],{"class":525},"background-rotation",[511,1165,532],{"class":517},[511,1167,535],{"class":517},[511,1169,1170],{"class":517},"[",[511,1172,1174],{"class":1173},"sbssI","0",[511,1176,1177],{"class":517},", ",[511,1179,1180],{"class":557},"Math",[511,1182,489],{"class":517},[511,1184,1185],{"class":557},"PI",[511,1187,1188],{"class":517}," / ",[511,1190,1191],{"class":1173},"2",[511,1193,1177],{"class":517},[511,1195,1174],{"class":1173},[511,1197,1198],{"class":517},"]",[511,1200,752],{"class":517},[511,1202,1203,1205,1207,1209,1211,1213,1215,1217,1219,1221,1223,1225,1228,1230,1232,1234],{"class":513,"line":614},[511,1204,1143],{"class":517},[511,1206,1101],{"class":525},[511,1208,532],{"class":517},[511,1210,535],{"class":517},[511,1212,1170],{"class":517},[511,1214,1174],{"class":1173},[511,1216,1177],{"class":517},[511,1218,1180],{"class":557},[511,1220,489],{"class":517},[511,1222,1185],{"class":557},[511,1224,1188],{"class":517},[511,1226,1227],{"class":1173},"4",[511,1229,1177],{"class":517},[511,1231,1174],{"class":1173},[511,1233,1198],{"class":517},[511,1235,752],{"class":517},[511,1237,1238],{"class":513,"line":624},[511,1239,1240],{"class":517},"  />\n",[511,1242,1243,1245,1247],{"class":513,"line":635},[511,1244,600],{"class":517},[511,1246,619],{"class":521},[511,1248,544],{"class":517},[1250,1251,1253],"h3",{"id":1252},"syncing-rotations","Syncing Rotations",[478,1255,1256,1257,1073],{},"You can sync the environment rotation with the background rotation using the ",[482,1258,1259],{},"syncMaterials",[502,1261,1263],{"className":504,"code":1262,"language":506,"meta":507,"style":507},"\u003Ctemplate>\n  \u003CEnvironment\n    preset=\"sunset\"\n    :background=\"true\"\n    :sync-materials=\"true\"\n    :background-rotation=\"[0, Math.PI / 2, 0]\"\n  />\n\u003C/template>\n",[482,1264,1265,1273,1279,1291,1305,1320,1354,1358],{"__ignoreMap":507},[511,1266,1267,1269,1271],{"class":513,"line":514},[511,1268,518],{"class":517},[511,1270,619],{"class":521},[511,1272,544],{"class":517},[511,1274,1275,1277],{"class":513,"line":547},[511,1276,627],{"class":517},[511,1278,652],{"class":521},[511,1280,1281,1283,1285,1287,1289],{"class":513,"line":576},[511,1282,1129],{"class":525},[511,1284,532],{"class":517},[511,1286,535],{"class":517},[511,1288,1136],{"class":538},[511,1290,752],{"class":517},[511,1292,1293,1295,1297,1299,1301,1303],{"class":513,"line":597},[511,1294,1143],{"class":517},[511,1296,1146],{"class":525},[511,1298,532],{"class":517},[511,1300,535],{"class":517},[511,1302,1154],{"class":1153},[511,1304,752],{"class":517},[511,1306,1307,1309,1312,1314,1316,1318],{"class":513,"line":607},[511,1308,1143],{"class":517},[511,1310,1311],{"class":525},"sync-materials",[511,1313,532],{"class":517},[511,1315,535],{"class":517},[511,1317,1154],{"class":1153},[511,1319,752],{"class":517},[511,1321,1322,1324,1326,1328,1330,1332,1334,1336,1338,1340,1342,1344,1346,1348,1350,1352],{"class":513,"line":614},[511,1323,1143],{"class":517},[511,1325,1163],{"class":525},[511,1327,532],{"class":517},[511,1329,535],{"class":517},[511,1331,1170],{"class":517},[511,1333,1174],{"class":1173},[511,1335,1177],{"class":517},[511,1337,1180],{"class":557},[511,1339,489],{"class":517},[511,1341,1185],{"class":557},[511,1343,1188],{"class":517},[511,1345,1191],{"class":1173},[511,1347,1177],{"class":517},[511,1349,1174],{"class":1173},[511,1351,1198],{"class":517},[511,1353,752],{"class":517},[511,1355,1356],{"class":513,"line":624},[511,1357,1240],{"class":517},[511,1359,1360,1362,1364],{"class":513,"line":635},[511,1361,600],{"class":517},[511,1363,619],{"class":521},[511,1365,544],{"class":517},[478,1367,1368,1369,1371],{},"When ",[482,1370,1259],{}," is enabled:",[1373,1374,1375,1379,1382],"ul",{},[1376,1377,1378],"li",{},"The environment rotation will automatically match the background rotation",[1376,1380,1381],{},"All materials in the scene will update to reflect the new rotation",[1376,1383,1384],{},"This ensures visual consistency between the background and environment reflections",[498,1386,1388],{"id":1387},"props","Props",[1390,1391,1392,1409],"table",{},[1393,1394,1395],"thead",{},[1396,1397,1398,1403,1406],"tr",{},[1399,1400,1402],"th",{"align":1401},"left","Prop",[1399,1404,1405],{"align":1401},"Description",[1399,1407,1408],{},"Default",[1410,1411,1412,1427,1441,1461,1478,1490,1503,1516,1529,1542,1555,1567,1579,1594,1608],"tbody",{},[1396,1413,1414,1419,1422],{},[1415,1416,1417],"td",{"align":1401},[482,1418,661],{},[1415,1420,1421],{"align":1401},"Array of 6 urls to images, one for each side of the CubeTexture, or an HDR file",[1415,1423,1424],{},[482,1425,1426],{},"undefined",[1396,1428,1429,1434,1437],{},[1415,1430,1431],{"align":1401},[482,1432,1433],{},"path",[1415,1435,1436],{"align":1401},"Path to the environment map files",[1415,1438,1439],{},[482,1440,1426],{},[1396,1442,1443,1448,1451],{},[1415,1444,1445],{"align":1401},[482,1446,1447],{},"encoding",[1415,1449,1450],{"align":1401},"Encoding of the environment map",[1415,1452,1453,1456,1457,1460],{},[482,1454,1455],{},"SRGBColorSpace"," for array files, ",[482,1458,1459],{},"LinearEncoding"," for single texture",[1396,1462,1463,1467,1473],{},[1415,1464,1465],{"align":1401},[482,1466,1146],{},[1415,1468,1469,1470,1472],{"align":1401},"If ",[482,1471,1154],{},", the environment map will be used as the scene background",[1415,1474,1475],{},[482,1476,1477],{},"false",[1396,1479,1480,1485,1488],{},[1415,1481,1482],{"align":1401},[482,1483,1484],{},"blur",[1415,1486,1487],{"align":1401},"Blur factor between 0 and 1 (only works with three 0.146 and up)",[1415,1489,1174],{},[1396,1491,1492,1496,1499],{},[1415,1493,1494],{"align":1401},[482,1495,1072],{},[1415,1497,1498],{"align":1401},"Preset environment map",[1415,1500,1501],{},[482,1502,1426],{},[1396,1504,1505,1510,1513],{},[1415,1506,1507],{"align":1401},[482,1508,1509],{},"resolution",[1415,1511,1512],{"align":1401},"The resolution of the WebGLCubeRenderTarget",[1415,1514,1515],{},"256",[1396,1517,1518,1523,1526],{},[1415,1519,1520],{"align":1401},[482,1521,1522],{},"near",[1415,1524,1525],{"align":1401},"The near of the CubeCamera",[1415,1527,1528],{},"1",[1396,1530,1531,1536,1539],{},[1415,1532,1533],{"align":1401},[482,1534,1535],{},"far",[1415,1537,1538],{"align":1401},"The far of the CubeCamera",[1415,1540,1541],{},"1000",[1396,1543,1544,1549,1552],{},[1415,1545,1546],{"align":1401},[482,1547,1548],{},"frames",[1415,1550,1551],{"align":1401},"The frames of the cubeCamera.update",[1415,1553,1554],{},"Infinity",[1396,1556,1557,1562,1565],{},[1415,1558,1559],{"align":1401},[482,1560,1561],{},"backgroundIntensity",[1415,1563,1564],{"align":1401},"Intensity of the background",[1415,1566,1528],{},[1396,1568,1569,1574,1577],{},[1415,1570,1571],{"align":1401},[482,1572,1573],{},"environmentIntensity",[1415,1575,1576],{"align":1401},"Intensity of the environment",[1415,1578,1528],{},[1396,1580,1581,1586,1589],{},[1415,1582,1583],{"align":1401},[482,1584,1585],{},"backgroundRotation",[1415,1587,1588],{"align":1401},"Rotation of the background (in radians)",[1415,1590,1591],{},[511,1592,1593],{},"0, 0, 0",[1396,1595,1596,1601,1604],{},[1415,1597,1598],{"align":1401},[482,1599,1600],{},"environmentRotation",[1415,1602,1603],{"align":1401},"Rotation of the environment (in radians)",[1415,1605,1606],{},[511,1607,1593],{},[1396,1609,1610,1614,1617],{},[1415,1611,1612],{"align":1401},[482,1613,1259],{},[1415,1615,1616],{"align":1401},"If true, environment rotation will sync with background rotation",[1415,1618,1477],{},[1250,1620,1066],{"id":1621},"presets-1",[502,1623,1628],{"className":1624,"code":1626,"language":1627},[1625],"language-text","sunset\nstudio\ncity\numbrellas\nnight\nforest\nsnow\ndawn\nhangar\nurban\nmodern\nshangai\n","text",[482,1629,1626],{"__ignoreMap":507},[1631,1632,1633],"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":507,"searchDepth":514,"depth":547,"links":1635},[1636,1637,1638,1639,1642],{"id":500,"depth":547,"text":15},{"id":829,"depth":547,"text":830},{"id":1065,"depth":547,"text":1066},{"id":1101,"depth":547,"text":1102,"children":1640},[1641],{"id":1252,"depth":576,"text":1253},{"id":1387,"depth":547,"text":1388,"children":1643},[1644],{"id":1621,"depth":576,"text":1066},"Automatically sets up a global cubemap for scene environment and background.","md",null,{},{"title":347,"description":1645},"dqLZk4n0fsNI6BVPDBhIxhgyNLq36JyLYtIkuxeINv0",[1652,1654],{"title":341,"path":342,"stem":343,"description":1653,"children":-1},"All staging components",{"title":351,"path":352,"stem":353,"description":1655,"children":-1},"Composable that sets up a global cubemap for scene environment and background.",1774953657224]