[{"data":1,"prerenderedAt":427},["ShallowReactive",2],{"navigation":3,"/experiments/gelatinous-cube":150,"authors":293},[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":50,"author":152,"body":153,"date":282,"description":283,"extension":284,"featured":149,"lastUpdated":285,"meta":286,"navigation":287,"path":51,"seo":288,"stem":52,"tags":289,"thumbnail":291,"__hash__":292},"experiments/experiments/gelatinous-cube.md","alvarosabu",{"type":154,"value":155,"toc":274},"minimark",[156,169,174,215,219,247,251],[157,158,159,160,163,164,168],"p",{},"This experiment ports pmndrs/drei's classic ",[161,162,50],"strong",{}," to TresJS, using cientos' ",[165,166,167],"code",{},"MeshTransmissionMaterial"," to render a believable translucent, gel-like cube with a skeleton and weapons frozen inside.",[170,171,173],"h3",{"id":172},"what-youll-see","What You'll See",[175,176,177,187,193,199,209],"ul",{},[178,179,180,183,184,186],"li",{},[161,181,182],{},"Translucent gel cube",": ",[165,185,167],{}," driving refraction, thickness, chromatic aberration and clearcoat.",[178,188,189,192],{},[161,190,191],{},"Frozen contents",": skeleton, arrows and bubbles suspended inside the cube, visible through the transmission.",[178,194,195,198],{},[161,196,197],{},"Accumulative soft shadows",": progressive contact shadows tinted to match the gel.",[178,200,201,204,205,208],{},[161,202,203],{},"HDR environment",": a ",[165,206,207],{},"sunset"," preset providing reflections and a soft background.",[178,210,211,214],{},[161,212,213],{},"Live controls",": a Leches panel exposing every transmission parameter in real time.",[170,216,218],{"id":217},"technical-implementation","Technical Implementation",[175,220,221,226,232,241],{},[178,222,223,225],{},[161,224,167],{}," (cientos): FBO-based transmission with chromatic aberration, anisotropic blur, distortion and clearcoat.",[178,227,228,231],{},[161,229,230],{},"AccumulativeShadows + RandomizedLights"," (cientos): soft, progressively accumulated shadows.",[178,233,234,237,238,240],{},[161,235,236],{},"Environment"," (cientos): ",[165,239,207],{}," preset used as both reflections and blurred background.",[178,242,243,246],{},[161,244,245],{},"useGLTF"," with draco decompression for the optimized model.",[170,248,250],{"id":249},"credits","Credits",[157,252,253,254,261,262,267,268,273],{},"Ported from drcmda's original ",[255,256,260],"a",{"href":257,"rel":258},"https://github.com/drcmda/meshtransmissionmaterial",[259],"nofollow","react-three-fiber demo",". Inspired by the original \"Gelatinous Cube\" model by ",[255,263,266],{"href":264,"rel":265},"https://sketchfab.com/3d-models/gelatinous-cube-e08385238f4d4b59b012233a9fbdca21",[259],"glenatron",", re-imagined using ",[255,269,272],{"href":270,"rel":271},"https://kaylousberg.itch.io/kaykit-skeletons",[259],"KayKit Skeletons"," characters by Kay Lousberg.",{"title":275,"searchDepth":276,"depth":276,"links":277},"",2,[278,280,281],{"id":172,"depth":279,"text":173},3,{"id":217,"depth":279,"text":218},{"id":249,"depth":279,"text":250},"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":283},[290],"materials","/experiments/gelatinous-cube.webp","Ta_COkpPhI4Cm5vaRfSP2Ci5GLtgPa8BY-JdQnL3RnU",[294,309,324,341,357,375,392,410],{"id":295,"title":296,"avatar":297,"body":298,"description":275,"email":302,"extension":284,"github":152,"meta":303,"name":152,"navigation":287,"path":304,"seo":305,"slug":152,"stem":306,"twitter":152,"website":307,"__hash__":308},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":154,"value":299,"toc":300},[],{"title":275,"searchDepth":276,"depth":276,"links":301},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":275},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":310,"title":311,"avatar":312,"body":313,"description":275,"email":317,"extension":284,"github":318,"meta":319,"name":318,"navigation":287,"path":320,"seo":321,"slug":318,"stem":322,"twitter":317,"website":317,"__hash__":323},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":154,"value":314,"toc":315},[],{"title":275,"searchDepth":276,"depth":276,"links":316},[],null,"andretchen0",{},"/authors/andretchen0",{"description":275},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":325,"title":326,"avatar":327,"body":328,"description":275,"email":332,"extension":284,"github":333,"meta":334,"name":335,"navigation":287,"path":336,"seo":337,"slug":333,"stem":338,"twitter":339,"website":317,"__hash__":340},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":154,"value":329,"toc":330},[],{"title":275,"searchDepth":276,"depth":276,"links":331},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":275},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":342,"title":343,"avatar":344,"body":345,"description":275,"email":317,"extension":284,"github":349,"meta":350,"name":351,"navigation":287,"path":352,"seo":353,"slug":349,"stem":354,"twitter":355,"website":317,"__hash__":356},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":154,"value":346,"toc":347},[],{"title":275,"searchDepth":276,"depth":276,"links":348},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":275},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":358,"title":359,"avatar":360,"body":361,"description":275,"email":365,"extension":284,"github":366,"meta":367,"name":359,"navigation":287,"path":368,"seo":369,"slug":370,"stem":371,"twitter":372,"website":373,"__hash__":374},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":154,"value":362,"toc":363},[],{"title":275,"searchDepth":276,"depth":276,"links":364},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":275},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":376,"title":377,"avatar":378,"body":379,"description":275,"email":383,"extension":284,"github":384,"meta":385,"name":386,"navigation":287,"path":387,"seo":388,"slug":386,"stem":389,"twitter":383,"website":390,"__hash__":391},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":154,"value":380,"toc":381},[],{"title":275,"searchDepth":276,"depth":276,"links":382},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":275},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":393,"title":394,"avatar":395,"body":396,"description":275,"email":400,"extension":284,"github":401,"meta":402,"name":403,"navigation":287,"path":404,"seo":405,"slug":401,"stem":406,"twitter":407,"website":408,"__hash__":409},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":154,"value":397,"toc":398},[],{"title":275,"searchDepth":276,"depth":276,"links":399},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":275},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":411,"title":412,"avatar":413,"body":414,"description":275,"email":418,"extension":284,"github":419,"meta":420,"name":412,"navigation":287,"path":421,"seo":422,"slug":419,"stem":423,"twitter":424,"website":425,"__hash__":426},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":154,"value":415,"toc":416},[],{"title":275,"searchDepth":276,"depth":276,"links":417},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":275},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1785417194855]