[{"data":1,"prerenderedAt":396},["ShallowReactive",2],{"navigation":3,"/experiments/vuefes-japan-2025":154,"authors":262},[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":142,"author":156,"body":157,"date":246,"description":247,"extension":248,"featured":153,"lastUpdated":246,"meta":249,"navigation":250,"path":143,"seo":251,"stem":144,"tags":252,"thumbnail":260,"__hash__":261},"experiments/experiments/vuefes-japan-2025.md","alvarosabu",{"type":158,"value":159,"toc":239},"minimark",[160,171,174,179,228,232],[161,162,163,164,170],"p",{},"A 1:1 TresJS port of the ",[165,166,142],"a",{"href":167,"rel":168},"https://vuefes.jp/2025/en",[169],"nofollow"," hero animation.",[161,172,173],{},"The original is a Three.js r178 scene combining a V-shaped cone (Vue) with a sphere (the Japanese flag's Hinomaru), masked and animated with a custom suminagashi shader — Japanese ink-marbling rendered with FBM noise stacked through warped flow fields. The shader cycles through four color palettes every 15 seconds.",[175,176,178],"h3",{"id":177},"whats-going-on","What's going on",[180,181,182,195,212,218],"ul",{},[183,184,185,189,190,194],"li",{},[186,187,188],"strong",{},"The V",": a ",[191,192,193],"code",{},"ConeGeometry"," flipped upside down, fragment-discarded along its tail to carve the Vue silhouette.",[183,196,197,189,200,203,204,207,208,211],{},[186,198,199],{},"The Hinomaru",[191,201,202],{},"SphereGeometry"," whose surface is filled with a flowing ink pattern. Surface UVs come from spherical coordinates (",[191,205,206],{},"theta",", ",[191,209,210],{},"phi",") so the marbling wraps continuously.",[183,213,214,217],{},[186,215,216],{},"Suminagashi",": layered FBM noise + flow-field warping + soft-light blend with a noise texture overlay.",[183,219,220,223,224,227],{},[186,221,222],{},"Color cycling",": four palette structs in the shader; an integer ",[191,225,226],{},"uActiveColorSet"," switches between them every 15s.",[175,229,231],{"id":230},"credits","Credits",[161,233,234,235,238],{},"Original design and Three.js implementation by the ",[165,236,142],{"href":167,"rel":237},[169]," team. Ported to TresJS for educational and showcase purposes.",{"title":240,"searchDepth":241,"depth":241,"links":242},"",2,[243,245],{"id":177,"depth":244,"text":178},3,{"id":230,"depth":244,"text":231},"2026-05-06","Port of the Vue Fes Japan 2025 main visual — a suminagashi (Japanese ink-marbling) hero with a V silhouette and a Hinomaru circle.","md",{},true,{"title":142,"description":247},[253,254,255,256,257,258,259],"vuefes","shaders","glsl","suminagashi","marbling","fbm","flow-field","/experiments/vuefes-japan-2025.webp","VJ1dSmltkkc7fBpzCdjJ9OrTeKkRhTgf2ivAfOGOYYw",[263,278,293,310,326,344,361,379],{"id":264,"title":265,"avatar":266,"body":267,"description":240,"email":271,"extension":248,"github":156,"meta":272,"name":156,"navigation":250,"path":273,"seo":274,"slug":156,"stem":275,"twitter":156,"website":276,"__hash__":277},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":158,"value":268,"toc":269},[],{"title":240,"searchDepth":241,"depth":241,"links":270},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":240},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":279,"title":280,"avatar":281,"body":282,"description":240,"email":286,"extension":248,"github":287,"meta":288,"name":287,"navigation":250,"path":289,"seo":290,"slug":287,"stem":291,"twitter":286,"website":286,"__hash__":292},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":158,"value":283,"toc":284},[],{"title":240,"searchDepth":241,"depth":241,"links":285},[],null,"andretchen0",{},"/authors/andretchen0",{"description":240},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":294,"title":295,"avatar":296,"body":297,"description":240,"email":301,"extension":248,"github":302,"meta":303,"name":304,"navigation":250,"path":305,"seo":306,"slug":302,"stem":307,"twitter":308,"website":286,"__hash__":309},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":158,"value":298,"toc":299},[],{"title":240,"searchDepth":241,"depth":241,"links":300},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":240},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":311,"title":312,"avatar":313,"body":314,"description":240,"email":286,"extension":248,"github":318,"meta":319,"name":320,"navigation":250,"path":321,"seo":322,"slug":318,"stem":323,"twitter":324,"website":286,"__hash__":325},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":158,"value":315,"toc":316},[],{"title":240,"searchDepth":241,"depth":241,"links":317},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":240},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":327,"title":328,"avatar":329,"body":330,"description":240,"email":334,"extension":248,"github":335,"meta":336,"name":328,"navigation":250,"path":337,"seo":338,"slug":339,"stem":340,"twitter":341,"website":342,"__hash__":343},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":158,"value":331,"toc":332},[],{"title":240,"searchDepth":241,"depth":241,"links":333},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":240},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":345,"title":346,"avatar":347,"body":348,"description":240,"email":352,"extension":248,"github":353,"meta":354,"name":355,"navigation":250,"path":356,"seo":357,"slug":355,"stem":358,"twitter":352,"website":359,"__hash__":360},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":158,"value":349,"toc":350},[],{"title":240,"searchDepth":241,"depth":241,"links":351},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":240},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":362,"title":363,"avatar":364,"body":365,"description":240,"email":369,"extension":248,"github":370,"meta":371,"name":372,"navigation":250,"path":373,"seo":374,"slug":370,"stem":375,"twitter":376,"website":377,"__hash__":378},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":158,"value":366,"toc":367},[],{"title":240,"searchDepth":241,"depth":241,"links":368},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":240},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",{"id":380,"title":381,"avatar":382,"body":383,"description":240,"email":387,"extension":248,"github":388,"meta":389,"name":381,"navigation":250,"path":390,"seo":391,"slug":388,"stem":392,"twitter":393,"website":394,"__hash__":395},"authors/authors/neosoulink.md","Neosoulink","/avatars/neosoulink.jpg",{"type":158,"value":384,"toc":385},[],{"title":240,"searchDepth":241,"depth":241,"links":386},[],"neodarksoulink@gmail.com","neosoulink",{},"/authors/neosoulink",{"description":240},"authors/neosoulink","nsl_nathan","https://github.com/Neosoulink","69eGfzorl4NNNe56pFRh6qK3AhnfjnKUvCHO-_9Pa1Y",1787004690993]