[{"data":1,"prerenderedAt":505},["ShallowReactive",2],{"navigation":3,"/experiments/glass-material":150,"authors":371},[4],{"title":5,"path":6,"stem":7,"children":8,"page":149},"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,133,137,141,145],{"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},"Gelatinous Cube","/experiments/gelatinous-cube","experiments/gelatinous-cube",{"title":54,"path":55,"stem":56},"Glass/Plastic Material","/experiments/glass-material","experiments/glass-material",{"title":58,"path":59,"stem":60},"Grainy Liquid Blobs","/experiments/grainy-liquid","experiments/grainy-liquid",{"title":62,"path":63,"stem":64},"Haunted House","/experiments/haunted-house","experiments/haunted-house",{"title":66,"path":67,"stem":68},"Phone with HTML inside","/experiments/html-phone","experiments/html-phone",{"title":70,"path":71,"stem":72},"Low Poly Planet","/experiments/lowpoly-planet","experiments/lowpoly-planet",{"title":74,"path":75,"stem":76},"Magical Marbles","/experiments/magical-marbles","experiments/magical-marbles",{"title":78,"path":79,"stem":80},"Nuxt Stones","/experiments/nuxt-stones","experiments/nuxt-stones",{"title":82,"path":83,"stem":84},"Particle Pumpkin Shader","/experiments/particle-pumpkin","experiments/particle-pumpkin",{"title":86,"path":87,"stem":88},"Particles Morphing","/experiments/particles-morphing","experiments/particles-morphing",{"title":90,"path":91,"stem":92},"Plexus Particles","/experiments/plexus-particles","experiments/plexus-particles",{"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},"Rapier Basketball","/experiments/rapier-basketball","experiments/rapier-basketball",{"title":106,"path":107,"stem":108},"Rapier Vehicle","/experiments/rapier-car","experiments/rapier-car",{"title":110,"path":111,"stem":112},"Rapier Object Clump","/experiments/rapier-object-clump","experiments/rapier-object-clump",{"title":114,"path":115,"stem":116},"Rapier Wrecking Ball","/experiments/rapier-wrecking-ball","experiments/rapier-wrecking-ball",{"title":118,"path":119,"stem":120},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":122,"path":123,"stem":124},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":126,"path":127,"stem":128},"Space Game","/experiments/space-game","experiments/space-game",{"title":130,"path":131,"stem":132},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":134,"path":135,"stem":136},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":138,"path":139,"stem":140},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":142,"path":143,"stem":144},"Vue Fes Japan 2025","/experiments/vuefes-japan-2025","experiments/vuefes-japan-2025",{"title":146,"path":147,"stem":148},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":151,"title":54,"author":152,"body":153,"date":361,"description":362,"extension":363,"featured":149,"lastUpdated":361,"meta":364,"navigation":365,"path":55,"seo":366,"stem":56,"tags":367,"thumbnail":369,"__hash__":370},"experiments/experiments/glass-material.md","jaime-bboyjt",{"type":154,"value":155,"toc":351},"minimark",[156,170,175,178,212,216,219,250,254,257,289,293,319,323,348],[157,158,159,160,164,165,169],"p",{},"This experiment demonstrates ",[161,162,163],"strong",{},"realistic glass and plastic rendering"," using Three.js's advanced ",[166,167,168],"code",{},"MeshPhysicalMaterial",". Explore the properties of transparent materials with real-time controls for transmission, thickness, roughness, and environmental reflections.",[171,172,174],"h3",{"id":173},"what-youll-see","What You'll See",[157,176,177],{},"An interactive material showcase featuring:",[179,180,181,188,194,200,206],"ul",{},[182,183,184,187],"li",{},[161,185,186],{},"High-Resolution Icosahedron",": 10-subdivision sphere showing detailed surface properties",[182,189,190,193],{},[161,191,192],{},"HDR Environment Mapping",": Realistic reflections using high dynamic range textures",[182,195,196,199],{},[161,197,198],{},"Background Plane",": Textured backdrop visible through the transparent material",[182,201,202,205],{},[161,203,204],{},"Real-Time Controls",": Live adjustment of all material properties",[182,207,208,211],{},[161,209,210],{},"Professional Lighting",": Directional and ambient lighting for optimal material display",[171,213,215],{"id":214},"technical-implementation","Technical Implementation",[157,217,218],{},"This experiment demonstrates advanced material techniques:",[179,220,221,226,232,238,244],{},[182,222,223,225],{},[161,224,168],{},": Industry-standard PBR material with transmission support",[182,227,228,231],{},[161,229,230],{},"HDR Environment Maps",": Equirectangular reflection mapping for realistic lighting",[182,233,234,237],{},[161,235,236],{},"Normal Mapping",": Surface detail enhancement using normal map textures",[182,239,240,243],{},[161,241,242],{},"Transmission Rendering",": Realistic light transmission through transparent materials",[182,245,246,249],{},[161,247,248],{},"Clearcoat Effects",": Surface coating simulation for enhanced realism",[171,251,253],{"id":252},"material-parameters","Material Parameters",[157,255,256],{},"Fully controllable glass properties:",[179,258,259,265,271,277,283],{},[182,260,261,264],{},[161,262,263],{},"Transmission",": 0-1 range controlling material transparency and light transmission",[182,266,267,270],{},[161,268,269],{},"Thickness",": Physical thickness affecting refraction and light behavior",[182,272,273,276],{},[161,274,275],{},"Roughness",": Surface smoothness from mirror-like (0) to frosted (1)",[182,278,279,282],{},[161,280,281],{},"Environment Intensity",": Reflection strength for environmental lighting",[182,284,285,288],{},[161,286,287],{},"HDR Toggle",": Switch between HDR and standard environment mapping",[171,290,292],{"id":291},"rendering-features","Rendering Features",[179,294,295,301,307,313],{},[182,296,297,300],{},[161,298,299],{},"Physically Accurate",": Based on real-world material properties",[182,302,303,306],{},[161,304,305],{},"Performance Optimized",": Efficient rendering suitable for real-time applications",[182,308,309,312],{},[161,310,311],{},"Grid Reference",": Helper grid for depth perception and scale reference",[182,314,315,318],{},[161,316,317],{},"Interactive Controls",": Immediate visual feedback for parameter changes",[171,320,322],{"id":321},"visual-design","Visual Design",[179,324,325,331,336,342],{},[182,326,327,330],{},[161,328,329],{},"Clean Layout",": Minimal interface focusing attention on material properties",[182,332,333,335],{},[161,334,210],{},": Balanced illumination showcasing material characteristics",[182,337,338,341],{},[161,339,340],{},"Background Integration",": Textured backdrop demonstrating transmission effects",[182,343,344,347],{},[161,345,346],{},"Neutral Color Scheme",": Light gray background preventing color contamination",[157,349,350],{},"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":352,"searchDepth":353,"depth":353,"links":354},"",2,[355,357,358,359,360],{"id":173,"depth":356,"text":174},3,{"id":214,"depth":356,"text":215},{"id":252,"depth":356,"text":253},{"id":291,"depth":356,"text":292},{"id":321,"depth":356,"text":322},"2023-04-10","A realistic glass/plastic effect, play with it!","md",{},true,{"title":54,"description":362},[368],"materials","/experiments/glass-material.webp","u8fzmPr49Rjs0DjX1mDIxTwbAgWMWB6Wx2qSEU_7uOs",[372,388,403,420,436,453,470,488],{"id":373,"title":374,"avatar":375,"body":376,"description":352,"email":380,"extension":363,"github":381,"meta":382,"name":381,"navigation":365,"path":383,"seo":384,"slug":381,"stem":385,"twitter":381,"website":386,"__hash__":387},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":154,"value":377,"toc":378},[],{"title":352,"searchDepth":353,"depth":353,"links":379},[],"hola@alvarosaburido.dev","alvarosabu",{},"/authors/alvarosabu",{"description":352},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":389,"title":390,"avatar":391,"body":392,"description":352,"email":396,"extension":363,"github":397,"meta":398,"name":397,"navigation":365,"path":399,"seo":400,"slug":397,"stem":401,"twitter":396,"website":396,"__hash__":402},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":154,"value":393,"toc":394},[],{"title":352,"searchDepth":353,"depth":353,"links":395},[],null,"andretchen0",{},"/authors/andretchen0",{"description":352},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":404,"title":405,"avatar":406,"body":407,"description":352,"email":411,"extension":363,"github":412,"meta":413,"name":414,"navigation":365,"path":415,"seo":416,"slug":412,"stem":417,"twitter":418,"website":396,"__hash__":419},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":154,"value":408,"toc":409},[],{"title":352,"searchDepth":353,"depth":353,"links":410},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":352},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":421,"title":422,"avatar":423,"body":424,"description":352,"email":396,"extension":363,"github":428,"meta":429,"name":430,"navigation":365,"path":431,"seo":432,"slug":428,"stem":433,"twitter":434,"website":396,"__hash__":435},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":154,"value":425,"toc":426},[],{"title":352,"searchDepth":353,"depth":353,"links":427},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":352},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":437,"title":438,"avatar":439,"body":440,"description":352,"email":444,"extension":363,"github":445,"meta":446,"name":438,"navigation":365,"path":447,"seo":448,"slug":152,"stem":449,"twitter":450,"website":451,"__hash__":452},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":154,"value":441,"toc":442},[],{"title":352,"searchDepth":353,"depth":353,"links":443},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":352},"authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":454,"title":455,"avatar":456,"body":457,"description":352,"email":461,"extension":363,"github":462,"meta":463,"name":464,"navigation":365,"path":465,"seo":466,"slug":464,"stem":467,"twitter":461,"website":468,"__hash__":469},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":154,"value":458,"toc":459},[],{"title":352,"searchDepth":353,"depth":353,"links":460},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":352},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":471,"title":472,"avatar":473,"body":474,"description":352,"email":478,"extension":363,"github":479,"meta":480,"name":481,"navigation":365,"path":482,"seo":483,"slug":479,"stem":484,"twitter":485,"website":486,"__hash__":487},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":154,"value":475,"toc":476},[],{"title":352,"searchDepth":353,"depth":353,"links":477},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":352},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":489,"title":490,"avatar":491,"body":492,"description":352,"email":496,"extension":363,"github":497,"meta":498,"name":490,"navigation":365,"path":499,"seo":500,"slug":497,"stem":501,"twitter":502,"website":503,"__hash__":504},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":154,"value":493,"toc":494},[],{"title":352,"searchDepth":353,"depth":353,"links":495},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":352},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1785417195217]