[{"data":1,"prerenderedAt":1238},["ShallowReactive",2],{"navigation":3,"/api/materials/glass-material":466,"/api/materials/glass-material-surround":1233},[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":163,"body":468,"description":1227,"extension":1228,"links":1229,"meta":1230,"navigation":616,"path":164,"seo":1231,"stem":165,"__hash__":1232},"docs/2.api/4.materials/glass-material.md",{"type":469,"value":470,"toc":1218},"minimark",[471,477,494,498,503,814,818,825,829,1200,1204,1214],[472,473,474],"scene-wrapper",{},[475,476],"materials-glass-material",{},[478,479,480,481,485,486,489,490,493],"p",{},"The ",[482,483,484],"code",{},"cientos"," package provides a new",[482,487,488],{},"\u003CMeshGlassMaterial />"," component that makes a geometry look like glass. This is achieved by re-defining the ",[482,491,492],{},"MeshPhysicalMaterial",".",[495,496,15],"h2",{"id":497},"usage",[499,500,502],"h3",{"id":501},"you-can-use-it-like-you-normally-do-with-tresjs","You can use it like you normally do with TresJs",[504,505,513],"pre",{"className":506,"code":507,"highlights":508,"language":511,"meta":512,"style":512},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { TresCanvas } from '@tresjs/core'\nimport { MeshGlassMaterial } from '@tresjs/cientos'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CTresCanvas>\n    \u003CTresPerspectiveCamera :position=\"[3, 3, 3]\" :look-at=\"[0, 0, 0]\" />\n    \u003CTresMesh>\n      \u003CTresTorusGeometry />\n      \u003CMeshGlassMaterial />\n    \u003C/TresMesh>\n    \u003CTresAmbientLight />\n    \u003CTresDirectionalLight :position=\"[0, 2, 4]\" />\n  \u003C/TresCanvas>\n\u003C/template>\n",[509,510],2,10,"vue","",[482,514,515,550,580,601,611,618,628,639,708,718,729,739,749,759,795,805],{"__ignoreMap":512},[516,517,520,524,528,532,535,538,541,545,547],"span",{"class":518,"line":519},"line",1,[516,521,523],{"class":522},"sMK4o","\u003C",[516,525,527],{"class":526},"swJcz","script",[516,529,531],{"class":530},"spNyl"," setup",[516,533,534],{"class":530}," lang",[516,536,537],{"class":522},"=",[516,539,540],{"class":522},"\"",[516,542,544],{"class":543},"sfazB","ts",[516,546,540],{"class":522},[516,548,549],{"class":522},">\n",[516,551,554,558,561,565,568,571,574,577],{"class":552,"line":509},[518,553],"highlight",[516,555,557],{"class":556},"s7zQu","import",[516,559,560],{"class":522}," {",[516,562,564],{"class":563},"sTEyZ"," TresCanvas",[516,566,567],{"class":522}," }",[516,569,570],{"class":556}," from",[516,572,573],{"class":522}," '",[516,575,576],{"class":543},"@tresjs/core",[516,578,579],{"class":522},"'\n",[516,581,583,585,587,590,592,594,596,599],{"class":518,"line":582},3,[516,584,557],{"class":556},[516,586,560],{"class":522},[516,588,589],{"class":563}," MeshGlassMaterial",[516,591,567],{"class":522},[516,593,570],{"class":556},[516,595,573],{"class":522},[516,597,598],{"class":543},"@tresjs/cientos",[516,600,579],{"class":522},[516,602,604,607,609],{"class":518,"line":603},4,[516,605,606],{"class":522},"\u003C/",[516,608,527],{"class":526},[516,610,549],{"class":522},[516,612,614],{"class":518,"line":613},5,[516,615,617],{"emptyLinePlaceholder":616},true,"\n",[516,619,621,623,626],{"class":518,"line":620},6,[516,622,523],{"class":522},[516,624,625],{"class":526},"template",[516,627,549],{"class":522},[516,629,631,634,637],{"class":518,"line":630},7,[516,632,633],{"class":522},"  \u003C",[516,635,636],{"class":526},"TresCanvas",[516,638,549],{"class":522},[516,640,642,645,648,651,654,656,658,661,665,668,670,672,674,677,679,681,684,686,688,690,693,695,697,699,701,703,705],{"class":518,"line":641},8,[516,643,644],{"class":522},"    \u003C",[516,646,647],{"class":526},"TresPerspectiveCamera",[516,649,650],{"class":522}," :",[516,652,653],{"class":530},"position",[516,655,537],{"class":522},[516,657,540],{"class":522},[516,659,660],{"class":522},"[",[516,662,664],{"class":663},"sbssI","3",[516,666,667],{"class":522},", ",[516,669,664],{"class":663},[516,671,667],{"class":522},[516,673,664],{"class":663},[516,675,676],{"class":522},"]",[516,678,540],{"class":522},[516,680,650],{"class":522},[516,682,683],{"class":530},"look-at",[516,685,537],{"class":522},[516,687,540],{"class":522},[516,689,660],{"class":522},[516,691,692],{"class":663},"0",[516,694,667],{"class":522},[516,696,692],{"class":663},[516,698,667],{"class":522},[516,700,692],{"class":663},[516,702,676],{"class":522},[516,704,540],{"class":522},[516,706,707],{"class":522}," />\n",[516,709,711,713,716],{"class":518,"line":710},9,[516,712,644],{"class":522},[516,714,715],{"class":526},"TresMesh",[516,717,549],{"class":522},[516,719,721,724,727],{"class":720,"line":510},[518,553],[516,722,723],{"class":522},"      \u003C",[516,725,726],{"class":526},"TresTorusGeometry",[516,728,707],{"class":522},[516,730,732,734,737],{"class":518,"line":731},11,[516,733,723],{"class":522},[516,735,736],{"class":526},"MeshGlassMaterial",[516,738,707],{"class":522},[516,740,742,745,747],{"class":518,"line":741},12,[516,743,744],{"class":522},"    \u003C/",[516,746,715],{"class":526},[516,748,549],{"class":522},[516,750,752,754,757],{"class":518,"line":751},13,[516,753,644],{"class":522},[516,755,756],{"class":526},"TresAmbientLight",[516,758,707],{"class":522},[516,760,762,764,767,769,771,773,775,777,779,781,784,786,789,791,793],{"class":518,"line":761},14,[516,763,644],{"class":522},[516,765,766],{"class":526},"TresDirectionalLight",[516,768,650],{"class":522},[516,770,653],{"class":530},[516,772,537],{"class":522},[516,774,540],{"class":522},[516,776,660],{"class":522},[516,778,692],{"class":663},[516,780,667],{"class":522},[516,782,783],{"class":663},"2",[516,785,667],{"class":522},[516,787,788],{"class":663},"4",[516,790,676],{"class":522},[516,792,540],{"class":522},[516,794,707],{"class":522},[516,796,798,801,803],{"class":518,"line":797},15,[516,799,800],{"class":522},"  \u003C/",[516,802,636],{"class":526},[516,804,549],{"class":522},[516,806,808,810,812],{"class":518,"line":807},16,[516,809,606],{"class":522},[516,811,625],{"class":526},[516,813,549],{"class":522},[495,815,817],{"id":816},"props","Props",[478,819,820,821,824],{},"No props are required. The component extends ",[482,822,823],{},"THREE.MeshPhysicalMaterial"," and accepts all the same props plus additional reflection-specific properties.",[499,826,828],{"id":827},"you-can-also-replace-the-material-of-an-existing-mesh-like-this","You can also replace the material of an existing mesh like this:",[504,830,834],{"className":506,"code":831,"highlights":832,"language":511,"meta":512,"style":512},"\u003Cscript setup lang=\"ts\">\nimport { ref, shallowRef, watch } from 'vue'\nimport { TresCanvas } from '@tresjs/core'\nimport { MeshGlassMaterial, Box } from '@tresjs/cientos'\n\nconst glassMaterialRef = shallowRef()\nconst boxRef = shallowRef()\n\nwatch(glassMaterialRef, value => {\n  // For good practice we dispose the old material\n  boxRef.value.instance.material.dispose()\n\n  // We assign the new MeshGlassMaterialClass\n  boxRef.value.instance.material = value.MeshGlassMaterialClass\n})\n\u003C/script>\n\u003Ctemplate>\n  \u003CTresMesh>\n    \u003CTresTorusGeometry />\n    \u003CMeshGlassMaterial ref=\"glassMaterialRef\" />\n  \u003C/TresMesh>\n  \u003C!-- Mesh to be replaced -->\n  \u003CTresMesh ref=\"boxRef\">\n    \u003CTresBoxGeometry />\n    \u003CMeshBasicMaterial  />\n  \u003C/TresMesh>\n\u003C/template>\n",[603,620,630,641,710,510,731,741,751,761,797,833],20,[482,835,836,856,886,904,928,932,949,963,968,989,996,1024,1029,1035,1062,1071,1079,1088,1097,1106,1126,1135,1141,1161,1171,1182,1191],{"__ignoreMap":512},[516,837,838,840,842,844,846,848,850,852,854],{"class":518,"line":519},[516,839,523],{"class":522},[516,841,527],{"class":526},[516,843,531],{"class":530},[516,845,534],{"class":530},[516,847,537],{"class":522},[516,849,540],{"class":522},[516,851,544],{"class":543},[516,853,540],{"class":522},[516,855,549],{"class":522},[516,857,858,860,862,865,868,871,873,876,878,880,882,884],{"class":518,"line":509},[516,859,557],{"class":556},[516,861,560],{"class":522},[516,863,864],{"class":563}," ref",[516,866,867],{"class":522},",",[516,869,870],{"class":563}," shallowRef",[516,872,867],{"class":522},[516,874,875],{"class":563}," watch",[516,877,567],{"class":522},[516,879,570],{"class":556},[516,881,573],{"class":522},[516,883,511],{"class":543},[516,885,579],{"class":522},[516,887,888,890,892,894,896,898,900,902],{"class":518,"line":582},[516,889,557],{"class":556},[516,891,560],{"class":522},[516,893,564],{"class":563},[516,895,567],{"class":522},[516,897,570],{"class":556},[516,899,573],{"class":522},[516,901,576],{"class":543},[516,903,579],{"class":522},[516,905,907,909,911,913,915,918,920,922,924,926],{"class":906,"line":603},[518,553],[516,908,557],{"class":556},[516,910,560],{"class":522},[516,912,589],{"class":563},[516,914,867],{"class":522},[516,916,917],{"class":563}," Box",[516,919,567],{"class":522},[516,921,570],{"class":556},[516,923,573],{"class":522},[516,925,598],{"class":543},[516,927,579],{"class":522},[516,929,930],{"class":518,"line":613},[516,931,617],{"emptyLinePlaceholder":616},[516,933,935,938,941,943,946],{"class":934,"line":620},[518,553],[516,936,937],{"class":530},"const",[516,939,940],{"class":563}," glassMaterialRef ",[516,942,537],{"class":522},[516,944,870],{"class":945},"s2Zo4",[516,947,948],{"class":563},"()\n",[516,950,952,954,957,959,961],{"class":951,"line":630},[518,553],[516,953,937],{"class":530},[516,955,956],{"class":563}," boxRef ",[516,958,537],{"class":522},[516,960,870],{"class":945},[516,962,948],{"class":563},[516,964,966],{"class":965,"line":641},[518,553],[516,967,617],{"emptyLinePlaceholder":616},[516,969,971,974,977,979,983,986],{"class":970,"line":710},[518,553],[516,972,973],{"class":945},"watch",[516,975,976],{"class":563},"(glassMaterialRef",[516,978,867],{"class":522},[516,980,982],{"class":981},"sHdIc"," value",[516,984,985],{"class":530}," =>",[516,987,988],{"class":522}," {\n",[516,990,992],{"class":991,"line":510},[518,553],[516,993,995],{"class":994},"sHwdD","  // For good practice we dispose the old material\n",[516,997,999,1002,1004,1007,1009,1012,1014,1017,1019,1022],{"class":998,"line":731},[518,553],[516,1000,1001],{"class":563},"  boxRef",[516,1003,493],{"class":522},[516,1005,1006],{"class":563},"value",[516,1008,493],{"class":522},[516,1010,1011],{"class":563},"instance",[516,1013,493],{"class":522},[516,1015,1016],{"class":563},"material",[516,1018,493],{"class":522},[516,1020,1021],{"class":945},"dispose",[516,1023,948],{"class":526},[516,1025,1027],{"class":1026,"line":741},[518,553],[516,1028,617],{"emptyLinePlaceholder":616},[516,1030,1032],{"class":1031,"line":751},[518,553],[516,1033,1034],{"class":994},"  // We assign the new MeshGlassMaterialClass\n",[516,1036,1038,1040,1042,1044,1046,1048,1050,1052,1055,1057,1059],{"class":1037,"line":761},[518,553],[516,1039,1001],{"class":563},[516,1041,493],{"class":522},[516,1043,1006],{"class":563},[516,1045,493],{"class":522},[516,1047,1011],{"class":563},[516,1049,493],{"class":522},[516,1051,1016],{"class":563},[516,1053,1054],{"class":522}," =",[516,1056,982],{"class":563},[516,1058,493],{"class":522},[516,1060,1061],{"class":563},"MeshGlassMaterialClass\n",[516,1063,1065,1068],{"class":1064,"line":797},[518,553],[516,1066,1067],{"class":522},"}",[516,1069,1070],{"class":563},")\n",[516,1072,1073,1075,1077],{"class":518,"line":807},[516,1074,606],{"class":522},[516,1076,527],{"class":526},[516,1078,549],{"class":522},[516,1080,1082,1084,1086],{"class":518,"line":1081},17,[516,1083,523],{"class":522},[516,1085,625],{"class":526},[516,1087,549],{"class":522},[516,1089,1091,1093,1095],{"class":518,"line":1090},18,[516,1092,633],{"class":522},[516,1094,715],{"class":526},[516,1096,549],{"class":522},[516,1098,1100,1102,1104],{"class":518,"line":1099},19,[516,1101,644],{"class":522},[516,1103,726],{"class":526},[516,1105,707],{"class":522},[516,1107,1109,1111,1113,1115,1117,1119,1122,1124],{"class":1108,"line":833},[518,553],[516,1110,644],{"class":522},[516,1112,736],{"class":526},[516,1114,864],{"class":530},[516,1116,537],{"class":522},[516,1118,540],{"class":522},[516,1120,1121],{"class":543},"glassMaterialRef",[516,1123,540],{"class":522},[516,1125,707],{"class":522},[516,1127,1129,1131,1133],{"class":518,"line":1128},21,[516,1130,800],{"class":522},[516,1132,715],{"class":526},[516,1134,549],{"class":522},[516,1136,1138],{"class":518,"line":1137},22,[516,1139,1140],{"class":994},"  \u003C!-- Mesh to be replaced -->\n",[516,1142,1144,1146,1148,1150,1152,1154,1157,1159],{"class":518,"line":1143},23,[516,1145,633],{"class":522},[516,1147,715],{"class":526},[516,1149,864],{"class":530},[516,1151,537],{"class":522},[516,1153,540],{"class":522},[516,1155,1156],{"class":543},"boxRef",[516,1158,540],{"class":522},[516,1160,549],{"class":522},[516,1162,1164,1166,1169],{"class":518,"line":1163},24,[516,1165,644],{"class":522},[516,1167,1168],{"class":526},"TresBoxGeometry",[516,1170,707],{"class":522},[516,1172,1174,1176,1179],{"class":518,"line":1173},25,[516,1175,644],{"class":522},[516,1177,1178],{"class":526},"MeshBasicMaterial",[516,1180,1181],{"class":522},"  />\n",[516,1183,1185,1187,1189],{"class":518,"line":1184},26,[516,1186,800],{"class":522},[516,1188,715],{"class":526},[516,1190,549],{"class":522},[516,1192,1194,1196,1198],{"class":518,"line":1193},27,[516,1195,606],{"class":522},[516,1197,625],{"class":526},[516,1199,549],{"class":522},[495,1201,1203],{"id":1202},"tips","Tips",[1205,1206,1207,1211],"ul",{},[1208,1209,1210],"li",{},"For more fine tuning effects you can provide an environment map texture as an envMap and play with the intensity to achieve a more realistic effect",[1208,1212,1213],{},"Another good option is to provide a normal texture as clearcoatNormalMap to add different results",[1215,1216,1217],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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 .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":512,"searchDepth":519,"depth":509,"links":1219},[1220,1223,1226],{"id":497,"depth":509,"text":15,"children":1221},[1222],{"id":501,"depth":582,"text":502},{"id":816,"depth":509,"text":817,"children":1224},[1225],{"id":827,"depth":582,"text":828},{"id":1202,"depth":509,"text":1203},"Makes a geometry look like glass by re-defining the MeshPhysicalMaterial.","md",null,{},{"title":163,"description":1227},"XeLIOrrqO5hF6DK2JnTAyGusif0o80_d6hTc8m5QJQE",[1234,1236],{"title":159,"path":160,"stem":161,"description":1235,"children":-1},"Extends Three.js' material library with your own Vertex and Fragment shaders.",{"title":167,"path":168,"stem":169,"description":1237,"children":-1},"A simple to use holographic material for TresJS with vibrant colors, dynamic scanlines, and futuristic brilliance.",1774953655703]