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