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