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