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