[{"data":1,"prerenderedAt":1398},["ShallowReactive",2],{"navigation":3,"/api/materials/mesh-transmission-material":490,"/api/materials/mesh-transmission-material-surround":1393},[4,26],{"title":5,"path":6,"stem":7,"children":8},"Getting Started","/getting-started","1.getting-started/1.index",[9,10,14,18,22],{"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},"Loading Models","/getting-started/loading-models","1.getting-started/4.loading-models",{"title":23,"path":24,"stem":25},"Upgrade Guide","/getting-started/upgrade-guide","1.getting-started/5.upgrade-guide",{"title":27,"path":28,"stem":29,"children":30},"Api","/api","2.api",[31,34,88,118,160,202,300,326,360,410,456],{"title":32,"path":28,"stem":33},"All","2.api/index",{"title":35,"path":36,"stem":37,"children":38},"Abstractions","/api/abstractions","2.api/1.abstractions/index",[39,40,44,48,52,56,60,64,68,72,76,80,84],{"title":35,"path":36,"stem":37},{"title":41,"path":42,"stem":43},"Align","/api/abstractions/align","2.api/1.abstractions/align",{"title":45,"path":46,"stem":47},"Billboard","/api/abstractions/billboard","2.api/1.abstractions/billboard",{"title":49,"path":50,"stem":51},"Camera Shake","/api/abstractions/camera-shake","2.api/1.abstractions/camera-shake",{"title":53,"path":54,"stem":55},"Decal","/api/abstractions/decal","2.api/1.abstractions/decal",{"title":57,"path":58,"stem":59},"Edges","/api/abstractions/edges","2.api/1.abstractions/edges",{"title":61,"path":62,"stem":63},"Fit","/api/abstractions/fit","2.api/1.abstractions/fit",{"title":65,"path":66,"stem":67},"Levioso (Float)","/api/abstractions/levioso","2.api/1.abstractions/levioso",{"title":69,"path":70,"stem":71},"Mask","/api/abstractions/mask","2.api/1.abstractions/mask",{"title":73,"path":74,"stem":75},"Outline","/api/abstractions/outline","2.api/1.abstractions/outline",{"title":77,"path":78,"stem":79},"Sampler","/api/abstractions/sampler","2.api/1.abstractions/sampler",{"title":81,"path":82,"stem":83},"ScreenSizer","/api/abstractions/screen-sizer","2.api/1.abstractions/screen-sizer",{"title":85,"path":86,"stem":87},"ScreenSpace","/api/abstractions/screen-space","2.api/1.abstractions/screen-space",{"title":89,"path":90,"stem":91,"children":92},"Controls","/api/controls","2.api/2.controls/index",[93,94,98,102,106,110,114],{"title":89,"path":90,"stem":91},{"title":95,"path":96,"stem":97},"Camera Controls","/api/controls/camera-controls","2.api/2.controls/camera-controls",{"title":99,"path":100,"stem":101},"Keyboard Controls","/api/controls/keyboard-controls","2.api/2.controls/keyboard-controls",{"title":103,"path":104,"stem":105},"Map Controls","/api/controls/map-controls","2.api/2.controls/map-controls",{"title":107,"path":108,"stem":109},"Orbit Controls","/api/controls/orbit-controls","2.api/2.controls/orbit-controls",{"title":111,"path":112,"stem":113},"PointerLock Controls","/api/controls/pointer-lock-controls","2.api/2.controls/pointer-lock-controls",{"title":115,"path":116,"stem":117},"Transform Controls","/api/controls/transform-controls","2.api/2.controls/transform-controls",{"title":119,"path":120,"stem":121,"children":122},"Loaders","/api/loaders","2.api/3.loaders/index",[123,124,128,132,136,140,144,148,152,156],{"title":119,"path":120,"stem":121},{"title":125,"path":126,"stem":127},"useGLTF","/api/loaders/use-gltf","2.api/3.loaders/1.use-gltf",{"title":129,"path":130,"stem":131},"GLTFModel","/api/loaders/gltf-model","2.api/3.loaders/2.gltf-model",{"title":133,"path":134,"stem":135},"useFBX","/api/loaders/use-fbx","2.api/3.loaders/3.use-fbx",{"title":137,"path":138,"stem":139},"FBXModel","/api/loaders/fbx-model","2.api/3.loaders/4.fbx-model",{"title":141,"path":142,"stem":143},"useTexture","/api/loaders/use-texture","2.api/3.loaders/5.use-texture",{"title":145,"path":146,"stem":147},"useTextures","/api/loaders/use-textures","2.api/3.loaders/6.use-textures",{"title":149,"path":150,"stem":151},"useSVG","/api/loaders/use-svg","2.api/3.loaders/7.use-svg",{"title":153,"path":154,"stem":155},"useProgress","/api/loaders/use-progress","2.api/3.loaders/use-progress",{"title":157,"path":158,"stem":159},"useVideoTexture","/api/loaders/use-video-texture","2.api/3.loaders/use-video-texture",{"title":161,"path":162,"stem":163,"children":164},"Materials","/api/materials","2.api/4.materials/index",[165,166,170,174,178,182,186,190,194,198],{"title":161,"path":162,"stem":163},{"title":167,"path":168,"stem":169},"Custom Shader Material","/api/materials/custom-shader-material","2.api/4.materials/custom-shader-material",{"title":171,"path":172,"stem":173},"Mesh Glass Material","/api/materials/glass-material","2.api/4.materials/glass-material",{"title":175,"path":176,"stem":177},"Holographic Material","/api/materials/holographic-material","2.api/4.materials/holographic-material",{"title":179,"path":180,"stem":181},"Mesh Discard Material","/api/materials/mesh-discard-material","2.api/4.materials/mesh-discard-material",{"title":183,"path":184,"stem":185},"Mesh Portal Material","/api/materials/mesh-portal-material","2.api/4.materials/mesh-portal-material",{"title":187,"path":188,"stem":189},"Mesh Reflection Material","/api/materials/mesh-reflection-material","2.api/4.materials/mesh-reflection-material",{"title":191,"path":192,"stem":193},"Mesh Transmission Material","/api/materials/mesh-transmission-material","2.api/4.materials/mesh-transmission-material",{"title":195,"path":196,"stem":197},"Point Material","/api/materials/point-material","2.api/4.materials/point-material",{"title":199,"path":200,"stem":201},"Wobble Material","/api/materials/wobble-material","2.api/4.materials/wobble-material",{"title":203,"path":204,"stem":205,"children":206},"Shapes","/api/shapes","2.api/5.shapes/index",[207,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296],{"title":203,"path":204,"stem":205},{"title":209,"path":210,"stem":211},"Box","/api/shapes/box","2.api/5.shapes/box",{"title":213,"path":214,"stem":215},"CatmullRomCurve3","/api/shapes/catmullromcurve3","2.api/5.shapes/catmullromcurve3",{"title":217,"path":218,"stem":219},"Circle","/api/shapes/circle","2.api/5.shapes/circle",{"title":221,"path":222,"stem":223},"Cone","/api/shapes/cone","2.api/5.shapes/cone",{"title":225,"path":226,"stem":227},"Cubic Bezier Line","/api/shapes/cubic-bezier-line","2.api/5.shapes/cubic-bezier-line",{"title":229,"path":230,"stem":231},"Cylinder","/api/shapes/cylinder","2.api/5.shapes/cylinder",{"title":233,"path":234,"stem":235},"Dodecahedron","/api/shapes/dodecahedron","2.api/5.shapes/dodecahedron",{"title":237,"path":238,"stem":239},"Grid","/api/shapes/grid","2.api/5.shapes/grid",{"title":241,"path":242,"stem":243},"Icosahedron","/api/shapes/icosahedron","2.api/5.shapes/icosahedron",{"title":245,"path":246,"stem":247},"Line2","/api/shapes/line2","2.api/5.shapes/line2",{"title":249,"path":250,"stem":251},"Octahedron","/api/shapes/octahedron","2.api/5.shapes/octahedron",{"title":253,"path":254,"stem":255},"Plane","/api/shapes/plane","2.api/5.shapes/plane",{"title":257,"path":258,"stem":259},"Quadratic Bezier Line","/api/shapes/quadratic-bezier-line","2.api/5.shapes/quadratic-bezier-line",{"title":261,"path":262,"stem":263},"Ring","/api/shapes/ring","2.api/5.shapes/ring",{"title":265,"path":266,"stem":267},"Rounded Box","/api/shapes/rounded-box","2.api/5.shapes/rounded-box",{"title":269,"path":270,"stem":271},"Rounded Plane","/api/shapes/rounded-plane","2.api/5.shapes/rounded-plane",{"title":273,"path":274,"stem":275},"Screen Quad","/api/shapes/screen-quad","2.api/5.shapes/screen-quad",{"title":277,"path":278,"stem":279},"Sphere","/api/shapes/sphere","2.api/5.shapes/sphere",{"title":281,"path":282,"stem":283},"Superformula","/api/shapes/superformula","2.api/5.shapes/superformula",{"title":285,"path":286,"stem":287},"Tetrahedron","/api/shapes/tetrahedron","2.api/5.shapes/tetrahedron",{"title":289,"path":290,"stem":291},"Torus","/api/shapes/torus","2.api/5.shapes/torus",{"title":293,"path":294,"stem":295},"Torus Knot","/api/shapes/torus-knot","2.api/5.shapes/torus-knot",{"title":297,"path":298,"stem":299},"Tube","/api/shapes/tube","2.api/5.shapes/tube",{"title":301,"path":302,"stem":303,"children":304},"Debug/Performance","/api/debug-performance","2.api/6.debug-performance/index",[305,306,310,314,318,322],{"title":301,"path":302,"stem":303},{"title":307,"path":308,"stem":309},"Helper","/api/debug-performance/helper","2.api/6.debug-performance/helper",{"title":311,"path":312,"stem":313},"LOD","/api/debug-performance/lod","2.api/6.debug-performance/lod",{"title":315,"path":316,"stem":317},"Stats","/api/debug-performance/stats","2.api/6.debug-performance/stats",{"title":319,"path":320,"stem":321},"StatsGl","/api/debug-performance/stats-gl","2.api/6.debug-performance/stats-gl",{"title":323,"path":324,"stem":325},"useBVH","/api/debug-performance/use-bvh","2.api/6.debug-performance/use-bvh",{"title":327,"path":328,"stem":329,"children":330},"Light/Shadow","/api/light-shadow","2.api/7.light-shadow/index",[331,332,336,340,344,348,352,356],{"title":327,"path":328,"stem":329},{"title":333,"path":334,"stem":335},"Accumulative Shadows","/api/light-shadow/accumulative-shadows","2.api/7.light-shadow/accumulative-shadows",{"title":337,"path":338,"stem":339},"Bake Shadows","/api/light-shadow/bake-shadows","2.api/7.light-shadow/bake-shadows",{"title":341,"path":342,"stem":343},"Circle Shadow","/api/light-shadow/circle-shadow","2.api/7.light-shadow/circle-shadow",{"title":345,"path":346,"stem":347},"Contact Shadows","/api/light-shadow/contact-shadows","2.api/7.light-shadow/contact-shadows",{"title":349,"path":350,"stem":351},"Lensflare","/api/light-shadow/lensflare","2.api/7.light-shadow/lensflare",{"title":353,"path":354,"stem":355},"Randomized Lights","/api/light-shadow/randomized-lights","2.api/7.light-shadow/randomized-lights",{"title":357,"path":358,"stem":359},"Soft Shadows","/api/light-shadow/soft-shadows","2.api/7.light-shadow/soft-shadows",{"title":361,"path":362,"stem":363,"children":364},"Staging","/api/staging","2.api/8.staging/index",[365,366,370,374,378,382,386,390,394,398,402,406],{"title":361,"path":362,"stem":363},{"title":367,"path":368,"stem":369},"Environment","/api/staging/environment","2.api/8.staging/1.environment",{"title":371,"path":372,"stem":373},"useEnvironment","/api/staging/use-environment","2.api/8.staging/2.use-environment",{"title":375,"path":376,"stem":377},"Lightformer","/api/staging/lightformer","2.api/8.staging/3.lightformer",{"title":379,"path":380,"stem":381},"Backdrop","/api/staging/backdrop","2.api/8.staging/backdrop",{"title":383,"path":384,"stem":385},"Ocean","/api/staging/ocean","2.api/8.staging/ocean",{"title":387,"path":388,"stem":389},"Precipitation","/api/staging/precipitation","2.api/8.staging/precipitation",{"title":391,"path":392,"stem":393},"Sky","/api/staging/sky","2.api/8.staging/sky",{"title":395,"path":396,"stem":397},"Smoke","/api/staging/smoke","2.api/8.staging/smoke",{"title":399,"path":400,"stem":401},"Sparkles","/api/staging/sparkles","2.api/8.staging/sparkles",{"title":403,"path":404,"stem":405},"Stage","/api/staging/stage","2.api/8.staging/stage",{"title":407,"path":408,"stem":409},"Stars","/api/staging/stars","2.api/8.staging/stars",{"title":411,"path":412,"stem":413,"children":414},"Objects","/api/objects","2.api/9.objects/index",[415,416,420,424,428,432,436,440,444,448,452],{"title":411,"path":412,"stem":413},{"title":417,"path":418,"stem":419},"AnimatedSprite","/api/objects/animated-sprite","2.api/9.objects/animated-sprite",{"title":421,"path":422,"stem":423},"CubeCamera","/api/objects/cube-camera","2.api/9.objects/cube-camera",{"title":425,"path":426,"stem":427},"Fbo","/api/objects/fbo","2.api/9.objects/fbo",{"title":429,"path":430,"stem":431},"GradientTexture","/api/objects/gradient-texture","2.api/9.objects/gradient-texture",{"title":433,"path":434,"stem":435},"HTML","/api/objects/html","2.api/9.objects/html",{"title":437,"path":438,"stem":439},"Image","/api/objects/image","2.api/9.objects/image",{"title":441,"path":442,"stem":443},"MarchingCubes","/api/objects/marching-cubes","2.api/9.objects/marching-cubes",{"title":445,"path":446,"stem":447},"Reflector","/api/objects/reflector","2.api/9.objects/reflector",{"title":449,"path":450,"stem":451},"Refractor","/api/objects/refractor","2.api/9.objects/refractor",{"title":453,"path":454,"stem":455},"Text3D","/api/objects/text-3d","2.api/9.objects/text-3d",{"title":457,"path":458,"stem":459,"children":460},"Miscellaneous","/api/miscellaneous","2.api/miscellaneous/index",[461,462,466,470,474,478,482,486],{"title":457,"path":458,"stem":459},{"title":463,"path":464,"stem":465},"Bounds","/api/miscellaneous/bounds","2.api/miscellaneous/bounds",{"title":467,"path":468,"stem":469},"GlobalAudio","/api/miscellaneous/global-audio","2.api/miscellaneous/global-audio",{"title":471,"path":472,"stem":473},"MouseParallax","/api/miscellaneous/mouse-parallax","2.api/miscellaneous/mouse-parallax",{"title":475,"path":476,"stem":477},"PositionalAudio","/api/miscellaneous/positional-audio","2.api/miscellaneous/positional-audio",{"title":479,"path":480,"stem":481},"useAnimations","/api/miscellaneous/use-animations","2.api/miscellaneous/use-animations",{"title":483,"path":484,"stem":485},"useGLTFExporter","/api/miscellaneous/use-gltf-exporter","2.api/miscellaneous/use-gltf-exporter",{"title":487,"path":488,"stem":489},"useIntersect","/api/miscellaneous/use-intersect","2.api/miscellaneous/use-intersect",{"id":491,"title":191,"body":492,"description":1387,"extension":1388,"links":1389,"meta":1390,"navigation":665,"path":192,"seo":1391,"stem":193,"__hash__":1392},"docs/2.api/4.materials/mesh-transmission-material.md",{"type":493,"value":494,"toc":1382},"minimark",[495,501,514,521,536,540,870,874,1325,1332,1336,1378],[496,497,498],"scene-controls-wrapper",{},[499,500],"materials-mesh-transmission-material",{},[502,503,504,505,509,510,513],"p",{},"The ",[506,507,508],"code",{},"cientos"," package provides a ",[506,511,512],{},"\u003CMeshTransmissionMaterial />"," component that produces high-quality glass and transmission effects.",[502,515,516,517,520],{},"The material renders the scene into a buffer texture each frame to simulate refraction, chromatic aberration, distortion, and anisotropic blur, effects that ",[506,518,519],{},"\u003CTresMeshPhysicalMaterial>"," alone cannot achieve.",[522,523,524],"prose-note",{},[502,525,526,527,535],{},"This component is a port of the ",[528,529,534],"a",{"href":530,"rel":531,"target":533},"https://drei.docs.pmnd.rs/shaders/mesh-transmission-material",[532],"nofollow","_blank","drei MeshTransmissionMaterial",". All credit goes to the original authors.",[537,538,15],"h2",{"id":539},"usage",[541,542,556],"pre",{"className":543,"code":544,"highlights":545,"language":554,"meta":555,"style":555},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { MeshTransmissionMaterial, Environment } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[0, 0, 5]\" />\n    \u003CEnvironment preset=\"city\" />\n    \u003CTresMesh>\n      \u003CTresTorusKnotGeometry :args=\"[1, 0.3, 128, 32]\" />\n      \u003CMeshTransmissionMaterial\n        :transmission=\"1\"\n        :thickness=\"0.5\"\n        :chromatic-aberration=\"0.03\"\n        :resolution=\"512\"\n      />\n    \u003C/TresMesh>\n  \u003C/TresCanvas>\n\u003C/template>\n",[546,547,548,549,550,551,552,553],3,10,11,12,13,14,15,16,"vue","",[506,557,558,593,622,650,660,667,677,688,712,733,743,766,774,790,805,820,835,841,851,861],{"__ignoreMap":555},[559,560,563,567,571,575,578,581,584,588,590],"span",{"class":561,"line":562},"line",1,[559,564,566],{"class":565},"sMK4o","\u003C",[559,568,570],{"class":569},"swJcz","script",[559,572,574],{"class":573},"spNyl"," setup",[559,576,577],{"class":573}," lang",[559,579,580],{"class":565},"=",[559,582,583],{"class":565},"\"",[559,585,587],{"class":586},"sfazB","ts",[559,589,583],{"class":565},[559,591,592],{"class":565},">\n",[559,594,596,600,603,607,610,613,616,619],{"class":561,"line":595},2,[559,597,599],{"class":598},"s7zQu","import",[559,601,602],{"class":565}," {",[559,604,606],{"class":605},"sTEyZ"," TresCanvas",[559,608,609],{"class":565}," }",[559,611,612],{"class":598}," from",[559,614,615],{"class":565}," '",[559,617,618],{"class":586},"@tresjs/core",[559,620,621],{"class":565},"'\n",[559,623,626,628,630,633,636,639,641,643,645,648],{"class":624,"line":546},[561,625],"highlight",[559,627,599],{"class":598},[559,629,602],{"class":565},[559,631,632],{"class":605}," MeshTransmissionMaterial",[559,634,635],{"class":565},",",[559,637,638],{"class":605}," Environment",[559,640,609],{"class":565},[559,642,612],{"class":598},[559,644,615],{"class":565},[559,646,647],{"class":586},"@tresjs/cientos",[559,649,621],{"class":565},[559,651,653,656,658],{"class":561,"line":652},4,[559,654,655],{"class":565},"\u003C/",[559,657,570],{"class":569},[559,659,592],{"class":565},[559,661,663],{"class":561,"line":662},5,[559,664,666],{"emptyLinePlaceholder":665},true,"\n",[559,668,670,672,675],{"class":561,"line":669},6,[559,671,566],{"class":565},[559,673,674],{"class":569},"template",[559,676,592],{"class":565},[559,678,680,683,686],{"class":561,"line":679},7,[559,681,682],{"class":565},"  \u003C",[559,684,685],{"class":569},"TresCanvas",[559,687,592],{"class":565},[559,689,691,694,697,700,702,704,707,709],{"class":561,"line":690},8,[559,692,693],{"class":565},"    \u003C",[559,695,696],{"class":569},"TresPerspectiveCamera",[559,698,699],{"class":573}," :position",[559,701,580],{"class":565},[559,703,583],{"class":565},[559,705,706],{"class":586},"[0, 0, 5]",[559,708,583],{"class":565},[559,710,711],{"class":565}," />\n",[559,713,715,717,719,722,724,726,729,731],{"class":561,"line":714},9,[559,716,693],{"class":565},[559,718,367],{"class":569},[559,720,721],{"class":573}," preset",[559,723,580],{"class":565},[559,725,583],{"class":565},[559,727,728],{"class":586},"city",[559,730,583],{"class":565},[559,732,711],{"class":565},[559,734,736,738,741],{"class":735,"line":547},[561,625],[559,737,693],{"class":565},[559,739,740],{"class":569},"TresMesh",[559,742,592],{"class":565},[559,744,746,749,752,755,757,759,762,764],{"class":745,"line":548},[561,625],[559,747,748],{"class":565},"      \u003C",[559,750,751],{"class":569},"TresTorusKnotGeometry",[559,753,754],{"class":573}," :args",[559,756,580],{"class":565},[559,758,583],{"class":565},[559,760,761],{"class":586},"[1, 0.3, 128, 32]",[559,763,583],{"class":565},[559,765,711],{"class":565},[559,767,769,771],{"class":768,"line":549},[561,625],[559,770,748],{"class":565},[559,772,773],{"class":569},"MeshTransmissionMaterial\n",[559,775,777,780,782,784,787],{"class":776,"line":550},[561,625],[559,778,779],{"class":573},"        :transmission",[559,781,580],{"class":565},[559,783,583],{"class":565},[559,785,786],{"class":586},"1",[559,788,789],{"class":565},"\"\n",[559,791,793,796,798,800,803],{"class":792,"line":551},[561,625],[559,794,795],{"class":573},"        :thickness",[559,797,580],{"class":565},[559,799,583],{"class":565},[559,801,802],{"class":586},"0.5",[559,804,789],{"class":565},[559,806,808,811,813,815,818],{"class":807,"line":552},[561,625],[559,809,810],{"class":573},"        :chromatic-aberration",[559,812,580],{"class":565},[559,814,583],{"class":565},[559,816,817],{"class":586},"0.03",[559,819,789],{"class":565},[559,821,823,826,828,830,833],{"class":822,"line":553},[561,625],[559,824,825],{"class":573},"        :resolution",[559,827,580],{"class":565},[559,829,583],{"class":565},[559,831,832],{"class":586},"512",[559,834,789],{"class":565},[559,836,838],{"class":561,"line":837},17,[559,839,840],{"class":565},"      />\n",[559,842,844,847,849],{"class":561,"line":843},18,[559,845,846],{"class":565},"    \u003C/",[559,848,740],{"class":569},[559,850,592],{"class":565},[559,852,854,857,859],{"class":561,"line":853},19,[559,855,856],{"class":565},"  \u003C/",[559,858,685],{"class":569},[559,860,592],{"class":565},[559,862,864,866,868],{"class":561,"line":863},20,[559,865,655],{"class":565},[559,867,674],{"class":569},[559,869,592],{"class":565},[537,871,873],{"id":872},"props","Props",[875,876,877,898],"table",{},[878,879,880],"thead",{},[881,882,883,888,891,894],"tr",{},[884,885,887],"th",{"align":886},"left","Prop",[884,889,890],{"align":886},"Description",[884,892,893],{"align":886},"Type",[884,895,897],{"align":896},"center","Default",[899,900,901,925,944,962,980,999,1017,1035,1053,1072,1092,1110,1128,1147,1165,1185,1203,1222,1242,1262,1281,1304],"tbody",{},[881,902,903,909,916,921],{},[904,905,906],"td",{"align":886},[506,907,908],{},"transmission",[904,910,911,912,915],{"align":886},"Glass opacity (maps to the internal ",[506,913,914],{},"_transmission"," uniform)",[904,917,918],{"align":886},[506,919,920],{},"number",[904,922,923],{"align":896},[506,924,786],{},[881,926,927,932,935,939],{},[904,928,929],{"align":886},[506,930,931],{},"thickness",[904,933,934],{"align":886},"Thickness of the glass volume",[904,936,937],{"align":886},[506,938,920],{},[904,940,941],{"align":896},[506,942,943],{},"0",[881,945,946,951,954,958],{},[904,947,948],{"align":886},[506,949,950],{},"roughness",[904,952,953],{"align":886},"Surface roughness",[904,955,956],{"align":886},[506,957,920],{},[904,959,960],{"align":896},[506,961,943],{},[881,963,964,969,972,976],{},[904,965,966],{"align":886},[506,967,968],{},"chromaticAberration",[904,970,971],{"align":886},"Chromatic aberration intensity",[904,973,974],{"align":886},[506,975,920],{},[904,977,978],{"align":896},[506,979,817],{},[881,981,982,987,990,994],{},[904,983,984],{"align":886},[506,985,986],{},"anisotropicBlur",[904,988,989],{"align":886},"Anisotropic blur amount",[904,991,992],{"align":886},[506,993,920],{},[904,995,996],{"align":896},[506,997,998],{},"0.1",[881,1000,1001,1006,1009,1013],{},[904,1002,1003],{"align":886},[506,1004,1005],{},"distortion",[904,1007,1008],{"align":886},"Distortion amount",[904,1010,1011],{"align":886},[506,1012,920],{},[904,1014,1015],{"align":896},[506,1016,943],{},[881,1018,1019,1024,1027,1031],{},[904,1020,1021],{"align":886},[506,1022,1023],{},"distortionScale",[904,1025,1026],{"align":886},"Scale of the distortion noise",[904,1028,1029],{"align":886},[506,1030,920],{},[904,1032,1033],{"align":896},[506,1034,802],{},[881,1036,1037,1042,1045,1049],{},[904,1038,1039],{"align":886},[506,1040,1041],{},"temporalDistortion",[904,1043,1044],{"align":886},"Animates the distortion over time",[904,1046,1047],{"align":886},[506,1048,920],{},[904,1050,1051],{"align":896},[506,1052,943],{},[881,1054,1055,1060,1063,1067],{},[904,1056,1057],{"align":886},[506,1058,1059],{},"ior",[904,1061,1062],{"align":886},"Index of refraction",[904,1064,1065],{"align":886},[506,1066,920],{},[904,1068,1069],{"align":896},[506,1070,1071],{},"1.5",[881,1073,1074,1079,1082,1087],{},[904,1075,1076],{"align":886},[506,1077,1078],{},"color",[904,1080,1081],{"align":886},"Base color of the glass",[904,1083,1084],{"align":886},[506,1085,1086],{},"TresColor",[904,1088,1089],{"align":896},[506,1090,1091],{},"white",[881,1093,1094,1099,1102,1106],{},[904,1095,1096],{"align":886},[506,1097,1098],{},"clearcoat",[904,1100,1101],{"align":886},"Clearcoat layer intensity",[904,1103,1104],{"align":886},[506,1105,920],{},[904,1107,1108],{"align":896},[506,1109,943],{},[881,1111,1112,1117,1120,1124],{},[904,1113,1114],{"align":886},[506,1115,1116],{},"clearcoatRoughness",[904,1118,1119],{"align":886},"Clearcoat roughness",[904,1121,1122],{"align":886},[506,1123,920],{},[904,1125,1126],{"align":896},[506,1127,943],{},[881,1129,1130,1135,1138,1142],{},[904,1131,1132],{"align":886},[506,1133,1134],{},"attenuationDistance",[904,1136,1137],{"align":886},"Distance at which light is attenuated through the volume",[904,1139,1140],{"align":886},[506,1141,920],{},[904,1143,1144],{"align":896},[506,1145,1146],{},"Infinity",[881,1148,1149,1154,1157,1161],{},[904,1150,1151],{"align":886},[506,1152,1153],{},"attenuationColor",[904,1155,1156],{"align":886},"Color the light shifts to as it passes through the volume",[904,1158,1159],{"align":886},[506,1160,1086],{},[904,1162,1163],{"align":896},[506,1164,1091],{},[881,1166,1167,1172,1175,1180],{},[904,1168,1169],{"align":886},[506,1170,1171],{},"backside",[904,1173,1174],{"align":886},"Render back faces into a separate buffer for proper glass thickness",[904,1176,1177],{"align":886},[506,1178,1179],{},"boolean",[904,1181,1182],{"align":896},[506,1183,1184],{},"false",[881,1186,1187,1192,1195,1199],{},[904,1188,1189],{"align":886},[506,1190,1191],{},"backsideThickness",[904,1193,1194],{"align":886},"Thickness used during the backside pass",[904,1196,1197],{"align":886},[506,1198,920],{},[904,1200,1201],{"align":896},[506,1202,943],{},[881,1204,1205,1210,1213,1217],{},[904,1206,1207],{"align":886},[506,1208,1209],{},"resolution",[904,1211,1212],{"align":886},"Resolution of the FBO render target in pixels",[904,1214,1215],{"align":886},[506,1216,920],{},[904,1218,1219],{"align":896},[506,1220,1221],{},"256",[881,1223,1224,1229,1234,1238],{},[904,1225,1226],{"align":886},[506,1227,1228],{},"backsideResolution",[904,1230,1231,1232],{"align":886},"Resolution of the backside FBO. Defaults to ",[506,1233,1209],{},[904,1235,1236],{"align":886},[506,1237,920],{},[904,1239,1240],{"align":896},[506,1241,1209],{},[881,1243,1244,1249,1252,1257],{},[904,1245,1246],{"align":886},[506,1247,1248],{},"background",[904,1250,1251],{"align":886},"Override the scene background during the FBO pass",[904,1253,1254],{"align":886},[506,1255,1256],{},"THREE.Color | null",[904,1258,1259],{"align":896},[506,1260,1261],{},"undefined",[881,1263,1264,1269,1272,1277],{},[904,1265,1266],{"align":886},[506,1267,1268],{},"buffer",[904,1270,1271],{"align":886},"Supply your own render-target texture, skipping the internal FBO pass",[904,1273,1274],{"align":886},[506,1275,1276],{},"THREE.Texture | null",[904,1278,1279],{"align":896},[506,1280,1261],{},[881,1282,1283,1288,1295,1299],{},[904,1284,1285],{"align":886},[506,1286,1287],{},"samples",[904,1289,1290,1291],{"align":886},"Number of refraction samples. ",[1292,1293,1294],"strong",{},"Baked at compile time — changing requires remount.",[904,1296,1297],{"align":886},[506,1298,920],{},[904,1300,1301],{"align":896},[506,1302,1303],{},"6",[881,1305,1306,1311,1317,1321],{},[904,1307,1308],{"align":886},[506,1309,1310],{},"transmissionSampler",[904,1312,1313,1314],{"align":886},"Use THREE's built-in transmission sampler instead of an FBO pass. ",[1292,1315,1316],{},"Baked at compile time.",[904,1318,1319],{"align":886},[506,1320,1179],{},[904,1322,1323],{"align":896},[506,1324,1184],{},[502,1326,1327,1328,1331],{},"The component extends ",[506,1329,1330],{},"THREE.MeshPhysicalMaterial"," and accepts all the same props.",[537,1333,1335],{"id":1334},"tips","Tips",[1337,1338,1339,1351,1359,1368],"ul",{},[1340,1341,1342,1343,1346,1347,1350],"li",{},"An ",[506,1344,1345],{},"\u003CEnvironment>"," or ",[506,1348,1349],{},"envMap"," on the scene is strongly recommended. Without one, the material will render dark.",[1340,1352,1353,1355,1356,1358],{},[506,1354,1287],{}," and ",[506,1357,1310],{}," are baked into the shader at compile time. Changing them at runtime triggers a remount automatically.",[1340,1360,1361,1362,1364,1365,1367],{},"Enable ",[506,1363,1171],{}," with a non-zero ",[506,1366,1191],{}," for more convincing thick-glass effects.",[1340,1369,1370,1371,1373,1374,1377],{},"Lower ",[506,1372,1209],{}," (e.g. ",[506,1375,1376],{},"128",") improves performance at the cost of refraction sharpness.",[1379,1380,1381],"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);}",{"title":555,"searchDepth":562,"depth":595,"links":1383},[1384,1385,1386],{"id":539,"depth":595,"text":15},{"id":872,"depth":595,"text":873},{"id":1334,"depth":595,"text":1335},"A glass-like transmission material with chromatic aberration, distortion, and backside support. Ported from drei.","md",null,{},{"title":191,"description":1387},"MSm1cDIVGWOO8lvYX_2hfQL4QLQbohqGi_4-iSPYgOA",[1394,1396],{"title":187,"path":188,"stem":189,"description":1395,"children":-1},"Makes floors or walls that reflect the objects in your Scene.",{"title":195,"path":196,"stem":197,"description":1397,"children":-1},"Extends THREE.PointsMaterial to render points as dots rather than squares.",1785417271255]