[{"data":1,"prerenderedAt":472},["ShallowReactive",2],{"navigation":3,"/experiments/glass-material":134,"authors":355},[4],{"title":5,"path":6,"stem":7,"children":8,"page":133},"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,129],{"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},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":90,"path":91,"stem":92},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":94,"path":95,"stem":96},"Rapier Object Clump","/experiments/rapier-object-clump","experiments/rapier-object-clump",{"title":98,"path":99,"stem":100},"Rapier Wrecking Ball","/experiments/rapier-wrecking-ball","experiments/rapier-wrecking-ball",{"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},"Vue Fes Japan 2025","/experiments/vuefes-japan-2025","experiments/vuefes-japan-2025",{"title":130,"path":131,"stem":132},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":135,"title":50,"author":136,"body":137,"date":345,"description":346,"extension":347,"featured":133,"lastUpdated":345,"meta":348,"navigation":349,"path":51,"seo":350,"stem":52,"tags":351,"thumbnail":353,"__hash__":354},"experiments/experiments/glass-material.md","jaime-bboyjt",{"type":138,"value":139,"toc":335},"minimark",[140,154,159,162,196,200,203,234,238,241,273,277,303,307,332],[141,142,143,144,148,149,153],"p",{},"This experiment demonstrates ",[145,146,147],"strong",{},"realistic glass and plastic rendering"," using Three.js's advanced ",[150,151,152],"code",{},"MeshPhysicalMaterial",". Explore the properties of transparent materials with real-time controls for transmission, thickness, roughness, and environmental reflections.",[155,156,158],"h3",{"id":157},"what-youll-see","What You'll See",[141,160,161],{},"An interactive material showcase featuring:",[163,164,165,172,178,184,190],"ul",{},[166,167,168,171],"li",{},[145,169,170],{},"High-Resolution Icosahedron",": 10-subdivision sphere showing detailed surface properties",[166,173,174,177],{},[145,175,176],{},"HDR Environment Mapping",": Realistic reflections using high dynamic range textures",[166,179,180,183],{},[145,181,182],{},"Background Plane",": Textured backdrop visible through the transparent material",[166,185,186,189],{},[145,187,188],{},"Real-Time Controls",": Live adjustment of all material properties",[166,191,192,195],{},[145,193,194],{},"Professional Lighting",": Directional and ambient lighting for optimal material display",[155,197,199],{"id":198},"technical-implementation","Technical Implementation",[141,201,202],{},"This experiment demonstrates advanced material techniques:",[163,204,205,210,216,222,228],{},[166,206,207,209],{},[145,208,152],{},": Industry-standard PBR material with transmission support",[166,211,212,215],{},[145,213,214],{},"HDR Environment Maps",": Equirectangular reflection mapping for realistic lighting",[166,217,218,221],{},[145,219,220],{},"Normal Mapping",": Surface detail enhancement using normal map textures",[166,223,224,227],{},[145,225,226],{},"Transmission Rendering",": Realistic light transmission through transparent materials",[166,229,230,233],{},[145,231,232],{},"Clearcoat Effects",": Surface coating simulation for enhanced realism",[155,235,237],{"id":236},"material-parameters","Material Parameters",[141,239,240],{},"Fully controllable glass properties:",[163,242,243,249,255,261,267],{},[166,244,245,248],{},[145,246,247],{},"Transmission",": 0-1 range controlling material transparency and light transmission",[166,250,251,254],{},[145,252,253],{},"Thickness",": Physical thickness affecting refraction and light behavior",[166,256,257,260],{},[145,258,259],{},"Roughness",": Surface smoothness from mirror-like (0) to frosted (1)",[166,262,263,266],{},[145,264,265],{},"Environment Intensity",": Reflection strength for environmental lighting",[166,268,269,272],{},[145,270,271],{},"HDR Toggle",": Switch between HDR and standard environment mapping",[155,274,276],{"id":275},"rendering-features","Rendering Features",[163,278,279,285,291,297],{},[166,280,281,284],{},[145,282,283],{},"Physically Accurate",": Based on real-world material properties",[166,286,287,290],{},[145,288,289],{},"Performance Optimized",": Efficient rendering suitable for real-time applications",[166,292,293,296],{},[145,294,295],{},"Grid Reference",": Helper grid for depth perception and scale reference",[166,298,299,302],{},[145,300,301],{},"Interactive Controls",": Immediate visual feedback for parameter changes",[155,304,306],{"id":305},"visual-design","Visual Design",[163,308,309,315,320,326],{},[166,310,311,314],{},[145,312,313],{},"Clean Layout",": Minimal interface focusing attention on material properties",[166,316,317,319],{},[145,318,194],{},": Balanced illumination showcasing material characteristics",[166,321,322,325],{},[145,323,324],{},"Background Integration",": Textured backdrop demonstrating transmission effects",[166,327,328,331],{},[145,329,330],{},"Neutral Color Scheme",": Light gray background preventing color contamination",[141,333,334],{},"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":336,"searchDepth":337,"depth":337,"links":338},"",2,[339,341,342,343,344],{"id":157,"depth":340,"text":158},3,{"id":198,"depth":340,"text":199},{"id":236,"depth":340,"text":237},{"id":275,"depth":340,"text":276},{"id":305,"depth":340,"text":306},"2023-04-10","A realistic glass/plastic effect, play with it!","md",{},true,{"title":50,"description":346},[352],"materials","/experiments/glass-material.webp","u8fzmPr49Rjs0DjX1mDIxTwbAgWMWB6Wx2qSEU_7uOs",[356,372,387,404,420,437,454],{"id":357,"title":358,"avatar":359,"body":360,"description":336,"email":364,"extension":347,"github":365,"meta":366,"name":365,"navigation":349,"path":367,"seo":368,"slug":365,"stem":369,"twitter":365,"website":370,"__hash__":371},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":138,"value":361,"toc":362},[],{"title":336,"searchDepth":337,"depth":337,"links":363},[],"hola@alvarosaburido.dev","alvarosabu",{},"/authors/alvarosabu",{"description":336},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":373,"title":374,"avatar":375,"body":376,"description":336,"email":380,"extension":347,"github":381,"meta":382,"name":381,"navigation":349,"path":383,"seo":384,"slug":381,"stem":385,"twitter":380,"website":380,"__hash__":386},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":138,"value":377,"toc":378},[],{"title":336,"searchDepth":337,"depth":337,"links":379},[],null,"andretchen0",{},"/authors/andretchen0",{"description":336},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":388,"title":389,"avatar":390,"body":391,"description":336,"email":395,"extension":347,"github":396,"meta":397,"name":398,"navigation":349,"path":399,"seo":400,"slug":396,"stem":401,"twitter":402,"website":380,"__hash__":403},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":138,"value":392,"toc":393},[],{"title":336,"searchDepth":337,"depth":337,"links":394},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":336},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":405,"title":406,"avatar":407,"body":408,"description":336,"email":380,"extension":347,"github":412,"meta":413,"name":414,"navigation":349,"path":415,"seo":416,"slug":412,"stem":417,"twitter":418,"website":380,"__hash__":419},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":138,"value":409,"toc":410},[],{"title":336,"searchDepth":337,"depth":337,"links":411},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":336},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":421,"title":422,"avatar":423,"body":424,"description":336,"email":428,"extension":347,"github":429,"meta":430,"name":422,"navigation":349,"path":431,"seo":432,"slug":136,"stem":433,"twitter":434,"website":435,"__hash__":436},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":138,"value":425,"toc":426},[],{"title":336,"searchDepth":337,"depth":337,"links":427},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":336},"authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":438,"title":439,"avatar":440,"body":441,"description":336,"email":445,"extension":347,"github":446,"meta":447,"name":448,"navigation":349,"path":449,"seo":450,"slug":448,"stem":451,"twitter":445,"website":452,"__hash__":453},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":138,"value":442,"toc":443},[],{"title":336,"searchDepth":337,"depth":337,"links":444},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":336},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":455,"title":456,"avatar":457,"body":458,"description":336,"email":462,"extension":347,"github":463,"meta":464,"name":465,"navigation":349,"path":466,"seo":467,"slug":463,"stem":468,"twitter":469,"website":470,"__hash__":471},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":138,"value":459,"toc":460},[],{"title":336,"searchDepth":337,"depth":337,"links":461},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":336},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1782052342076]