[{"data":1,"prerenderedAt":469},["ShallowReactive",2],{"navigation":3,"/experiments/glass-material":130,"authors":351},[4],{"title":5,"path":6,"stem":7,"children":8,"page":129},"Experiments","/experiments","experiments",[9,13,17,21,25,29,33,37,41,45,49,53,57,61,65,69,73,77,81,85,89,93,97,101,105,109,113,117,121,125],{"title":10,"path":11,"stem":12},"Array of cameras","/experiments/array-cameras","experiments/array-cameras",{"title":14,"path":15,"stem":16},"Brickelangelo David","/experiments/brickelangelo-david","experiments/brickelangelo-david",{"title":18,"path":19,"stem":20},"Basic Brownian distribution","/experiments/brownian-distribution","experiments/brownian-distribution",{"title":22,"path":23,"stem":24},"Porsche 911 Car Showcase","/experiments/car-showcase","experiments/car-showcase",{"title":26,"path":27,"stem":28},"Coffee Smoke","/experiments/coffee-smoke","experiments/coffee-smoke",{"title":30,"path":31,"stem":32},"Cube Boy Dancefloor","/experiments/cube-boy-dancefloor","experiments/cube-boy-dancefloor",{"title":34,"path":35,"stem":36},"Cult of the lamb 🐑","/experiments/cult-of-the-lamb","experiments/cult-of-the-lamb",{"title":38,"path":39,"stem":40},"Dancing blob","/experiments/dancing-blob","experiments/dancing-blob",{"title":42,"path":43,"stem":44},"Fireworks Shader","/experiments/fireworks-shader","experiments/fireworks-shader",{"title":46,"path":47,"stem":48},"Galaxy Generator 🪐","/experiments/galaxy-generator","experiments/galaxy-generator",{"title":50,"path":51,"stem":52},"Glass/Plastic Material","/experiments/glass-material","experiments/glass-material",{"title":54,"path":55,"stem":56},"Grainy Liquid Blobs","/experiments/grainy-liquid","experiments/grainy-liquid",{"title":58,"path":59,"stem":60},"Haunted House","/experiments/haunted-house","experiments/haunted-house",{"title":62,"path":63,"stem":64},"Phone with HTML inside","/experiments/html-phone","experiments/html-phone",{"title":66,"path":67,"stem":68},"Low Poly Planet","/experiments/lowpoly-planet","experiments/lowpoly-planet",{"title":70,"path":71,"stem":72},"Magical Marbles","/experiments/magical-marbles","experiments/magical-marbles",{"title":74,"path":75,"stem":76},"Nuxt Stones","/experiments/nuxt-stones","experiments/nuxt-stones",{"title":78,"path":79,"stem":80},"Particle Pumpkin Shader","/experiments/particle-pumpkin","experiments/particle-pumpkin",{"title":82,"path":83,"stem":84},"Particles Morphing","/experiments/particles-morphing","experiments/particles-morphing",{"title":86,"path":87,"stem":88},"Pixel Noise Shaders Sandbox","/experiments/pixel-noise-shaders-sandbox","experiments/pixel-noise-shaders-sandbox",{"title":90,"path":91,"stem":92},"Pixel Plasma Shader","/experiments/pixel-plasma-shader","experiments/pixel-plasma-shader",{"title":94,"path":95,"stem":96},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":98,"path":99,"stem":100},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":102,"path":103,"stem":104},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":106,"path":107,"stem":108},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":110,"path":111,"stem":112},"Space Game","/experiments/space-game","experiments/space-game",{"title":114,"path":115,"stem":116},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":118,"path":119,"stem":120},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":122,"path":123,"stem":124},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":126,"path":127,"stem":128},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":131,"title":50,"author":132,"body":133,"date":341,"description":342,"extension":343,"featured":129,"lastUpdated":341,"meta":344,"navigation":345,"path":51,"seo":346,"stem":52,"tags":347,"thumbnail":349,"__hash__":350},"experiments/experiments/glass-material.md","jaime-bboyjt",{"type":134,"value":135,"toc":331},"minimark",[136,150,155,158,192,196,199,230,234,237,269,273,299,303,328],[137,138,139,140,144,145,149],"p",{},"This experiment demonstrates ",[141,142,143],"strong",{},"realistic glass and plastic rendering"," using Three.js's advanced ",[146,147,148],"code",{},"MeshPhysicalMaterial",". Explore the properties of transparent materials with real-time controls for transmission, thickness, roughness, and environmental reflections.",[151,152,154],"h3",{"id":153},"what-youll-see","What You'll See",[137,156,157],{},"An interactive material showcase featuring:",[159,160,161,168,174,180,186],"ul",{},[162,163,164,167],"li",{},[141,165,166],{},"High-Resolution Icosahedron",": 10-subdivision sphere showing detailed surface properties",[162,169,170,173],{},[141,171,172],{},"HDR Environment Mapping",": Realistic reflections using high dynamic range textures",[162,175,176,179],{},[141,177,178],{},"Background Plane",": Textured backdrop visible through the transparent material",[162,181,182,185],{},[141,183,184],{},"Real-Time Controls",": Live adjustment of all material properties",[162,187,188,191],{},[141,189,190],{},"Professional Lighting",": Directional and ambient lighting for optimal material display",[151,193,195],{"id":194},"technical-implementation","Technical Implementation",[137,197,198],{},"This experiment demonstrates advanced material techniques:",[159,200,201,206,212,218,224],{},[162,202,203,205],{},[141,204,148],{},": Industry-standard PBR material with transmission support",[162,207,208,211],{},[141,209,210],{},"HDR Environment Maps",": Equirectangular reflection mapping for realistic lighting",[162,213,214,217],{},[141,215,216],{},"Normal Mapping",": Surface detail enhancement using normal map textures",[162,219,220,223],{},[141,221,222],{},"Transmission Rendering",": Realistic light transmission through transparent materials",[162,225,226,229],{},[141,227,228],{},"Clearcoat Effects",": Surface coating simulation for enhanced realism",[151,231,233],{"id":232},"material-parameters","Material Parameters",[137,235,236],{},"Fully controllable glass properties:",[159,238,239,245,251,257,263],{},[162,240,241,244],{},[141,242,243],{},"Transmission",": 0-1 range controlling material transparency and light transmission",[162,246,247,250],{},[141,248,249],{},"Thickness",": Physical thickness affecting refraction and light behavior",[162,252,253,256],{},[141,254,255],{},"Roughness",": Surface smoothness from mirror-like (0) to frosted (1)",[162,258,259,262],{},[141,260,261],{},"Environment Intensity",": Reflection strength for environmental lighting",[162,264,265,268],{},[141,266,267],{},"HDR Toggle",": Switch between HDR and standard environment mapping",[151,270,272],{"id":271},"rendering-features","Rendering Features",[159,274,275,281,287,293],{},[162,276,277,280],{},[141,278,279],{},"Physically Accurate",": Based on real-world material properties",[162,282,283,286],{},[141,284,285],{},"Performance Optimized",": Efficient rendering suitable for real-time applications",[162,288,289,292],{},[141,290,291],{},"Grid Reference",": Helper grid for depth perception and scale reference",[162,294,295,298],{},[141,296,297],{},"Interactive Controls",": Immediate visual feedback for parameter changes",[151,300,302],{"id":301},"visual-design","Visual Design",[159,304,305,311,316,322],{},[162,306,307,310],{},[141,308,309],{},"Clean Layout",": Minimal interface focusing attention on material properties",[162,312,313,315],{},[141,314,190],{},": Balanced illumination showcasing material characteristics",[162,317,318,321],{},[141,319,320],{},"Background Integration",": Textured backdrop demonstrating transmission effects",[162,323,324,327],{},[141,325,326],{},"Neutral Color Scheme",": Light gray background preventing color contamination",[137,329,330],{},"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":332,"searchDepth":333,"depth":333,"links":334},"",2,[335,337,338,339,340],{"id":153,"depth":336,"text":154},3,{"id":194,"depth":336,"text":195},{"id":232,"depth":336,"text":233},{"id":271,"depth":336,"text":272},{"id":301,"depth":336,"text":302},"2023-04-10","A realistic glass/plastic effect, play with it!","md",{},true,{"title":50,"description":342},[348],"materials","/experiments/glass-material.png","jxfzbOOEknUmRvivF2EfeMMEjV0wLfAZEaTEWXhy0rI",[352,369,384,401,417,434,451],{"id":353,"title":354,"avatar":355,"body":356,"description":332,"email":360,"extension":343,"github":361,"meta":362,"name":363,"navigation":345,"path":364,"seo":365,"slug":361,"stem":366,"twitter":361,"website":367,"__hash__":368},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpg",{"type":134,"value":357,"toc":358},[],{"title":332,"searchDepth":333,"depth":333,"links":359},[],"hola@alvarosaburido.dev","alvarosabu",{},"Alvaro Saburido","/authors/alvarosabu",{"description":332},"authors/alvarosabu","https://alvarosaburido.dev","FWpr6-OcVRzMvvsjRaD8icRidgpKVLCtrKy9-l_5GZM",{"id":370,"title":371,"avatar":372,"body":373,"description":332,"email":377,"extension":343,"github":378,"meta":379,"name":378,"navigation":345,"path":380,"seo":381,"slug":378,"stem":382,"twitter":377,"website":377,"__hash__":383},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":134,"value":374,"toc":375},[],{"title":332,"searchDepth":333,"depth":333,"links":376},[],null,"andretchen0",{},"/authors/andretchen0",{"description":332},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":385,"title":386,"avatar":387,"body":388,"description":332,"email":392,"extension":343,"github":393,"meta":394,"name":395,"navigation":345,"path":396,"seo":397,"slug":393,"stem":398,"twitter":399,"website":377,"__hash__":400},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":134,"value":389,"toc":390},[],{"title":332,"searchDepth":333,"depth":333,"links":391},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":332},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":402,"title":403,"avatar":404,"body":405,"description":332,"email":377,"extension":343,"github":409,"meta":410,"name":411,"navigation":345,"path":412,"seo":413,"slug":409,"stem":414,"twitter":415,"website":377,"__hash__":416},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":134,"value":406,"toc":407},[],{"title":332,"searchDepth":333,"depth":333,"links":408},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":332},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":418,"title":419,"avatar":420,"body":421,"description":332,"email":425,"extension":343,"github":426,"meta":427,"name":419,"navigation":345,"path":428,"seo":429,"slug":132,"stem":430,"twitter":431,"website":432,"__hash__":433},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":134,"value":422,"toc":423},[],{"title":332,"searchDepth":333,"depth":333,"links":424},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":332},"authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":435,"title":436,"avatar":437,"body":438,"description":332,"email":442,"extension":343,"github":443,"meta":444,"name":445,"navigation":345,"path":446,"seo":447,"slug":445,"stem":448,"twitter":442,"website":449,"__hash__":450},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":134,"value":439,"toc":440},[],{"title":332,"searchDepth":333,"depth":333,"links":441},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":332},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":452,"title":453,"avatar":454,"body":455,"description":332,"email":459,"extension":343,"github":460,"meta":461,"name":462,"navigation":345,"path":463,"seo":464,"slug":460,"stem":465,"twitter":466,"website":467,"__hash__":468},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":134,"value":456,"toc":457},[],{"title":332,"searchDepth":333,"depth":333,"links":458},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":332},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1774953670724]