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