[{"data":1,"prerenderedAt":228},["ShallowReactive",2],{"embed-glass-material":3},{"id":4,"title":5,"author":6,"body":7,"date":215,"description":216,"extension":217,"featured":218,"lastUpdated":215,"meta":219,"navigation":220,"path":221,"responsive":218,"seo":222,"stem":223,"tags":224,"thumbnail":226,"__hash__":227},"experiments\u002Fexperiments\u002Fglass-material.md","Glass\u002FPlastic Material","jaime-bboyjt",{"type":8,"value":9,"toc":205},"minimark",[10,24,29,32,66,70,73,104,108,111,143,147,173,177,202],[11,12,13,14,18,19,23],"p",{},"This experiment demonstrates ",[15,16,17],"strong",{},"realistic glass and plastic rendering"," using Three.js's advanced ",[20,21,22],"code",{},"MeshPhysicalMaterial",". Explore the properties of transparent materials with real-time controls for transmission, thickness, roughness, and environmental reflections.",[25,26,28],"h3",{"id":27},"what-youll-see","What You'll See",[11,30,31],{},"An interactive material showcase featuring:",[33,34,35,42,48,54,60],"ul",{},[36,37,38,41],"li",{},[15,39,40],{},"High-Resolution Icosahedron",": 10-subdivision sphere showing detailed surface properties",[36,43,44,47],{},[15,45,46],{},"HDR Environment Mapping",": Realistic reflections using high dynamic range textures",[36,49,50,53],{},[15,51,52],{},"Background Plane",": Textured backdrop visible through the transparent material",[36,55,56,59],{},[15,57,58],{},"Real-Time Controls",": Live adjustment of all material properties",[36,61,62,65],{},[15,63,64],{},"Professional Lighting",": Directional and ambient lighting for optimal material display",[25,67,69],{"id":68},"technical-implementation","Technical Implementation",[11,71,72],{},"This experiment demonstrates advanced material techniques:",[33,74,75,80,86,92,98],{},[36,76,77,79],{},[15,78,22],{},": Industry-standard PBR material with transmission support",[36,81,82,85],{},[15,83,84],{},"HDR Environment Maps",": Equirectangular reflection mapping for realistic lighting",[36,87,88,91],{},[15,89,90],{},"Normal Mapping",": Surface detail enhancement using normal map textures",[36,93,94,97],{},[15,95,96],{},"Transmission Rendering",": Realistic light transmission through transparent materials",[36,99,100,103],{},[15,101,102],{},"Clearcoat Effects",": Surface coating simulation for enhanced realism",[25,105,107],{"id":106},"material-parameters","Material Parameters",[11,109,110],{},"Fully controllable glass properties:",[33,112,113,119,125,131,137],{},[36,114,115,118],{},[15,116,117],{},"Transmission",": 0-1 range controlling material transparency and light transmission",[36,120,121,124],{},[15,122,123],{},"Thickness",": Physical thickness affecting refraction and light behavior",[36,126,127,130],{},[15,128,129],{},"Roughness",": Surface smoothness from mirror-like (0) to frosted (1)",[36,132,133,136],{},[15,134,135],{},"Environment Intensity",": Reflection strength for environmental lighting",[36,138,139,142],{},[15,140,141],{},"HDR Toggle",": Switch between HDR and standard environment mapping",[25,144,146],{"id":145},"rendering-features","Rendering Features",[33,148,149,155,161,167],{},[36,150,151,154],{},[15,152,153],{},"Physically Accurate",": Based on real-world material properties",[36,156,157,160],{},[15,158,159],{},"Performance Optimized",": Efficient rendering suitable for real-time applications",[36,162,163,166],{},[15,164,165],{},"Grid Reference",": Helper grid for depth perception and scale reference",[36,168,169,172],{},[15,170,171],{},"Interactive Controls",": Immediate visual feedback for parameter changes",[25,174,176],{"id":175},"visual-design","Visual Design",[33,178,179,185,190,196],{},[36,180,181,184],{},[15,182,183],{},"Clean Layout",": Minimal interface focusing attention on material properties",[36,186,187,189],{},[15,188,64],{},": Balanced illumination showcasing material characteristics",[36,191,192,195],{},[15,193,194],{},"Background Integration",": Textured backdrop demonstrating transmission effects",[36,197,198,201],{},[15,199,200],{},"Neutral Color Scheme",": Light gray background preventing color contamination",[11,203,204],{},"This experiment serves as an excellent reference for implementing realistic glass, plastic, and transparent materials in 3D applications, demonstrating the full capabilities of modern physically-based rendering techniques.",{"title":206,"searchDepth":207,"depth":207,"links":208},"",2,[209,211,212,213,214],{"id":27,"depth":210,"text":28},3,{"id":68,"depth":210,"text":69},{"id":106,"depth":210,"text":107},{"id":145,"depth":210,"text":146},{"id":175,"depth":210,"text":176},"2023-04-10","A realistic glass\u002Fplastic effect, play with it!","md",false,{},true,"\u002Fexperiments\u002Fglass-material",{"title":5,"description":216},"experiments\u002Fglass-material",[225],"materials","\u002Fexperiments\u002Fglass-material.webp","v0hLOne0g3MPOF3ADDU5nME4VH0Tk_RuUc-EG8PJYNE",1793714844056]