[{"data":1,"prerenderedAt":398},["ShallowReactive",2],{"navigation":3,"/experiments/gelatinous-cube":138,"authors":281},[4],{"title":5,"path":6,"stem":7,"children":8,"page":137},"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],{"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},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":94,"path":95,"stem":96},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":98,"path":99,"stem":100},"Rapier Object Clump","/experiments/rapier-object-clump","experiments/rapier-object-clump",{"title":102,"path":103,"stem":104},"Rapier Wrecking Ball","/experiments/rapier-wrecking-ball","experiments/rapier-wrecking-ball",{"title":106,"path":107,"stem":108},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":110,"path":111,"stem":112},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":114,"path":115,"stem":116},"Space Game","/experiments/space-game","experiments/space-game",{"title":118,"path":119,"stem":120},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":122,"path":123,"stem":124},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":126,"path":127,"stem":128},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":130,"path":131,"stem":132},"Vue Fes Japan 2025","/experiments/vuefes-japan-2025","experiments/vuefes-japan-2025",{"title":134,"path":135,"stem":136},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":139,"title":50,"author":140,"body":141,"date":270,"description":271,"extension":272,"featured":137,"lastUpdated":273,"meta":274,"navigation":275,"path":51,"seo":276,"stem":52,"tags":277,"thumbnail":279,"__hash__":280},"experiments/experiments/gelatinous-cube.md","alvarosabu",{"type":142,"value":143,"toc":262},"minimark",[144,157,162,203,207,235,239],[145,146,147,148,151,152,156],"p",{},"This experiment ports pmndrs/drei's classic ",[149,150,50],"strong",{}," to TresJS, using cientos' ",[153,154,155],"code",{},"MeshTransmissionMaterial"," to render a believable translucent, gel-like cube with a skeleton and weapons frozen inside.",[158,159,161],"h3",{"id":160},"what-youll-see","What You'll See",[163,164,165,175,181,187,197],"ul",{},[166,167,168,171,172,174],"li",{},[149,169,170],{},"Translucent gel cube",": ",[153,173,155],{}," driving refraction, thickness, chromatic aberration and clearcoat.",[166,176,177,180],{},[149,178,179],{},"Frozen contents",": skeleton, arrows and bubbles suspended inside the cube, visible through the transmission.",[166,182,183,186],{},[149,184,185],{},"Accumulative soft shadows",": progressive contact shadows tinted to match the gel.",[166,188,189,192,193,196],{},[149,190,191],{},"HDR environment",": a ",[153,194,195],{},"sunset"," preset providing reflections and a soft background.",[166,198,199,202],{},[149,200,201],{},"Live controls",": a Leches panel exposing every transmission parameter in real time.",[158,204,206],{"id":205},"technical-implementation","Technical Implementation",[163,208,209,214,220,229],{},[166,210,211,213],{},[149,212,155],{}," (cientos): FBO-based transmission with chromatic aberration, anisotropic blur, distortion and clearcoat.",[166,215,216,219],{},[149,217,218],{},"AccumulativeShadows + RandomizedLights"," (cientos): soft, progressively accumulated shadows.",[166,221,222,225,226,228],{},[149,223,224],{},"Environment"," (cientos): ",[153,227,195],{}," preset used as both reflections and blurred background.",[166,230,231,234],{},[149,232,233],{},"useGLTF"," with draco decompression for the optimized model.",[158,236,238],{"id":237},"credits","Credits",[145,240,241,242,249,250,255,256,261],{},"Ported from drcmda's original ",[243,244,248],"a",{"href":245,"rel":246},"https://github.com/drcmda/meshtransmissionmaterial",[247],"nofollow","react-three-fiber demo",". Inspired by the original \"Gelatinous Cube\" model by ",[243,251,254],{"href":252,"rel":253},"https://sketchfab.com/3d-models/gelatinous-cube-e08385238f4d4b59b012233a9fbdca21",[247],"glenatron",", re-imagined using ",[243,257,260],{"href":258,"rel":259},"https://kaylousberg.itch.io/kaykit-skeletons",[247],"KayKit Skeletons"," characters by Kay Lousberg.",{"title":263,"searchDepth":264,"depth":264,"links":265},"",2,[266,268,269],{"id":160,"depth":267,"text":161},3,{"id":205,"depth":267,"text":206},{"id":237,"depth":267,"text":238},"2026-06-19","A translucent gelatinous cube rendered with MeshTransmissionMaterial. Play with transmission, thickness, chromatic aberration and more.","md","2026-07-09",{},true,{"title":50,"description":271},[278],"materials","/experiments/gelatinous-cube.webp","Ta_COkpPhI4Cm5vaRfSP2Ci5GLtgPa8BY-JdQnL3RnU",[282,297,312,329,345,363,380],{"id":283,"title":284,"avatar":285,"body":286,"description":263,"email":290,"extension":272,"github":140,"meta":291,"name":140,"navigation":275,"path":292,"seo":293,"slug":140,"stem":294,"twitter":140,"website":295,"__hash__":296},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":142,"value":287,"toc":288},[],{"title":263,"searchDepth":264,"depth":264,"links":289},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":263},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":298,"title":299,"avatar":300,"body":301,"description":263,"email":305,"extension":272,"github":306,"meta":307,"name":306,"navigation":275,"path":308,"seo":309,"slug":306,"stem":310,"twitter":305,"website":305,"__hash__":311},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":142,"value":302,"toc":303},[],{"title":263,"searchDepth":264,"depth":264,"links":304},[],null,"andretchen0",{},"/authors/andretchen0",{"description":263},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":313,"title":314,"avatar":315,"body":316,"description":263,"email":320,"extension":272,"github":321,"meta":322,"name":323,"navigation":275,"path":324,"seo":325,"slug":321,"stem":326,"twitter":327,"website":305,"__hash__":328},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":142,"value":317,"toc":318},[],{"title":263,"searchDepth":264,"depth":264,"links":319},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":263},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":330,"title":331,"avatar":332,"body":333,"description":263,"email":305,"extension":272,"github":337,"meta":338,"name":339,"navigation":275,"path":340,"seo":341,"slug":337,"stem":342,"twitter":343,"website":305,"__hash__":344},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":142,"value":334,"toc":335},[],{"title":263,"searchDepth":264,"depth":264,"links":336},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":263},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":346,"title":347,"avatar":348,"body":349,"description":263,"email":353,"extension":272,"github":354,"meta":355,"name":347,"navigation":275,"path":356,"seo":357,"slug":358,"stem":359,"twitter":360,"website":361,"__hash__":362},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":142,"value":350,"toc":351},[],{"title":263,"searchDepth":264,"depth":264,"links":352},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":263},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":364,"title":365,"avatar":366,"body":367,"description":263,"email":371,"extension":272,"github":372,"meta":373,"name":374,"navigation":275,"path":375,"seo":376,"slug":374,"stem":377,"twitter":371,"website":378,"__hash__":379},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":142,"value":368,"toc":369},[],{"title":263,"searchDepth":264,"depth":264,"links":370},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":263},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":381,"title":382,"avatar":383,"body":384,"description":263,"email":388,"extension":272,"github":389,"meta":390,"name":391,"navigation":275,"path":392,"seo":393,"slug":389,"stem":394,"twitter":395,"website":396,"__hash__":397},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":142,"value":385,"toc":386},[],{"title":263,"searchDepth":264,"depth":264,"links":387},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":263},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1784105574420]