[{"data":1,"prerenderedAt":150},["ShallowReactive",2],{"embed-gelatinous-cube":3},{"id":4,"title":5,"author":6,"body":7,"date":136,"description":137,"extension":138,"featured":139,"lastUpdated":140,"meta":141,"navigation":142,"path":143,"responsive":139,"seo":144,"stem":145,"tags":146,"thumbnail":148,"__hash__":149},"experiments\u002Fexperiments\u002Fgelatinous-cube.md","Gelatinous Cube","alvarosabu",{"type":8,"value":9,"toc":128},"minimark",[10,23,28,69,73,101,105],[11,12,13,14,17,18,22],"p",{},"This experiment ports pmndrs\u002Fdrei's classic ",[15,16,5],"strong",{}," to TresJS, using cientos' ",[19,20,21],"code",{},"MeshTransmissionMaterial"," to render a believable translucent, gel-like cube with a skeleton and weapons frozen inside.",[24,25,27],"h3",{"id":26},"what-youll-see","What You'll See",[29,30,31,41,47,53,63],"ul",{},[32,33,34,37,38,40],"li",{},[15,35,36],{},"Translucent gel cube",": ",[19,39,21],{}," driving refraction, thickness, chromatic aberration and clearcoat.",[32,42,43,46],{},[15,44,45],{},"Frozen contents",": skeleton, arrows and bubbles suspended inside the cube, visible through the transmission.",[32,48,49,52],{},[15,50,51],{},"Accumulative soft shadows",": progressive contact shadows tinted to match the gel.",[32,54,55,58,59,62],{},[15,56,57],{},"HDR environment",": a ",[19,60,61],{},"sunset"," preset providing reflections and a soft background.",[32,64,65,68],{},[15,66,67],{},"Live controls",": a Leches panel exposing every transmission parameter in real time.",[24,70,72],{"id":71},"technical-implementation","Technical Implementation",[29,74,75,80,86,95],{},[32,76,77,79],{},[15,78,21],{}," (cientos): FBO-based transmission with chromatic aberration, anisotropic blur, distortion and clearcoat.",[32,81,82,85],{},[15,83,84],{},"AccumulativeShadows + RandomizedLights"," (cientos): soft, progressively accumulated shadows.",[32,87,88,91,92,94],{},[15,89,90],{},"Environment"," (cientos): ",[19,93,61],{}," preset used as both reflections and blurred background.",[32,96,97,100],{},[15,98,99],{},"useGLTF"," with draco decompression for the optimized model.",[24,102,104],{"id":103},"credits","Credits",[11,106,107,108,115,116,121,122,127],{},"Ported from drcmda's original ",[109,110,114],"a",{"href":111,"rel":112},"https:\u002F\u002Fgithub.com\u002Fdrcmda\u002Fmeshtransmissionmaterial",[113],"nofollow","react-three-fiber demo",". Inspired by the original \"Gelatinous Cube\" model by ",[109,117,120],{"href":118,"rel":119},"https:\u002F\u002Fsketchfab.com\u002F3d-models\u002Fgelatinous-cube-e08385238f4d4b59b012233a9fbdca21",[113],"glenatron",", re-imagined using ",[109,123,126],{"href":124,"rel":125},"https:\u002F\u002Fkaylousberg.itch.io\u002Fkaykit-skeletons",[113],"KayKit Skeletons"," characters by Kay Lousberg.",{"title":129,"searchDepth":130,"depth":130,"links":131},"",2,[132,134,135],{"id":26,"depth":133,"text":27},3,{"id":71,"depth":133,"text":72},{"id":103,"depth":133,"text":104},"2026-06-19","A translucent gelatinous cube rendered with MeshTransmissionMaterial. Play with transmission, thickness, chromatic aberration and more.","md",false,"2026-07-09",{},true,"\u002Fexperiments\u002Fgelatinous-cube",{"title":5,"description":137},"experiments\u002Fgelatinous-cube",[147],"materials","\u002Fexperiments\u002Fgelatinous-cube.webp","h88NWl3UATzj6QK_jOcY6U9BgL7M9lN2BGS34cMCcJQ",1793714844055]