[{"data":1,"prerenderedAt":359},["ShallowReactive",2],{"navigation":3,"/experiments/vuefes-japan-2025":134,"authors":242},[4],{"title":5,"path":6,"stem":7,"children":8,"page":133},"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],{"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},"Glass/Plastic Material","/experiments/glass-material","experiments/glass-material",{"title":54,"path":55,"stem":56},"Grainy Liquid Blobs","/experiments/grainy-liquid","experiments/grainy-liquid",{"title":58,"path":59,"stem":60},"Haunted House","/experiments/haunted-house","experiments/haunted-house",{"title":62,"path":63,"stem":64},"Phone with HTML inside","/experiments/html-phone","experiments/html-phone",{"title":66,"path":67,"stem":68},"Low Poly Planet","/experiments/lowpoly-planet","experiments/lowpoly-planet",{"title":70,"path":71,"stem":72},"Magical Marbles","/experiments/magical-marbles","experiments/magical-marbles",{"title":74,"path":75,"stem":76},"Nuxt Stones","/experiments/nuxt-stones","experiments/nuxt-stones",{"title":78,"path":79,"stem":80},"Particle Pumpkin Shader","/experiments/particle-pumpkin","experiments/particle-pumpkin",{"title":82,"path":83,"stem":84},"Particles Morphing","/experiments/particles-morphing","experiments/particles-morphing",{"title":86,"path":87,"stem":88},"Portal Journey","/experiments/portal-journey","experiments/portal-journey",{"title":90,"path":91,"stem":92},"Wizard's Potion Classroom","/experiments/potions-classroom","experiments/potions-classroom",{"title":94,"path":95,"stem":96},"Rapier Object Clump","/experiments/rapier-object-clump","experiments/rapier-object-clump",{"title":98,"path":99,"stem":100},"Rapier Wrecking Ball","/experiments/rapier-wrecking-ball","experiments/rapier-wrecking-ball",{"title":102,"path":103,"stem":104},"Repulsion Effect","/experiments/repulsion-effect","experiments/repulsion-effect",{"title":106,"path":107,"stem":108},"Shadertoy Museum","/experiments/shadertoy-museum","experiments/shadertoy-museum",{"title":110,"path":111,"stem":112},"Space Game","/experiments/space-game","experiments/space-game",{"title":114,"path":115,"stem":116},"Halloween Spooky-saur 🎃","/experiments/spooky-saur","experiments/spooky-saur",{"title":118,"path":119,"stem":120},"Synthwave Landscape","/experiments/synthwave-landscape","experiments/synthwave-landscape",{"title":122,"path":123,"stem":124},"Texture Particle Cursor","/experiments/texture-particle-cursor","experiments/texture-particle-cursor",{"title":126,"path":127,"stem":128},"Vue Fes Japan 2025","/experiments/vuefes-japan-2025","experiments/vuefes-japan-2025",{"title":130,"path":131,"stem":132},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":135,"title":126,"author":136,"body":137,"date":226,"description":227,"extension":228,"featured":133,"lastUpdated":226,"meta":229,"navigation":230,"path":127,"seo":231,"stem":128,"tags":232,"thumbnail":240,"__hash__":241},"experiments/experiments/vuefes-japan-2025.md","alvarosabu",{"type":138,"value":139,"toc":219},"minimark",[140,151,154,159,208,212],[141,142,143,144,150],"p",{},"A 1:1 TresJS port of the ",[145,146,126],"a",{"href":147,"rel":148},"https://vuefes.jp/2025/en",[149],"nofollow"," hero animation.",[141,152,153],{},"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.",[155,156,158],"h3",{"id":157},"whats-going-on","What's going on",[160,161,162,175,192,198],"ul",{},[163,164,165,169,170,174],"li",{},[166,167,168],"strong",{},"The V",": a ",[171,172,173],"code",{},"ConeGeometry"," flipped upside down, fragment-discarded along its tail to carve the Vue silhouette.",[163,176,177,169,180,183,184,187,188,191],{},[166,178,179],{},"The Hinomaru",[171,181,182],{},"SphereGeometry"," whose surface is filled with a flowing ink pattern. Surface UVs come from spherical coordinates (",[171,185,186],{},"theta",", ",[171,189,190],{},"phi",") so the marbling wraps continuously.",[163,193,194,197],{},[166,195,196],{},"Suminagashi",": layered FBM noise + flow-field warping + soft-light blend with a noise texture overlay.",[163,199,200,203,204,207],{},[166,201,202],{},"Color cycling",": four palette structs in the shader; an integer ",[171,205,206],{},"uActiveColorSet"," switches between them every 15s.",[155,209,211],{"id":210},"credits","Credits",[141,213,214,215,218],{},"Original design and Three.js implementation by the ",[145,216,126],{"href":147,"rel":217},[149]," team. Ported to TresJS for educational and showcase purposes.",{"title":220,"searchDepth":221,"depth":221,"links":222},"",2,[223,225],{"id":157,"depth":224,"text":158},3,{"id":210,"depth":224,"text":211},"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":126,"description":227},[233,234,235,236,237,238,239],"vuefes","shaders","glsl","suminagashi","marbling","fbm","flow-field","/experiments/vuefes-japan-2025.webp","VJ1dSmltkkc7fBpzCdjJ9OrTeKkRhTgf2ivAfOGOYYw",[243,258,273,290,306,324,341],{"id":244,"title":245,"avatar":246,"body":247,"description":220,"email":251,"extension":228,"github":136,"meta":252,"name":136,"navigation":230,"path":253,"seo":254,"slug":136,"stem":255,"twitter":136,"website":256,"__hash__":257},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpeg",{"type":138,"value":248,"toc":249},[],{"title":220,"searchDepth":221,"depth":221,"links":250},[],"hola@alvarosaburido.dev",{},"/authors/alvarosabu",{"description":220},"authors/alvarosabu","https://alvarosabu.dev","kfjqjiPxKR64avAeoJeNF40fMr5laisoEnPnfgFGN_U",{"id":259,"title":260,"avatar":261,"body":262,"description":220,"email":266,"extension":228,"github":267,"meta":268,"name":267,"navigation":230,"path":269,"seo":270,"slug":267,"stem":271,"twitter":266,"website":266,"__hash__":272},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":138,"value":263,"toc":264},[],{"title":220,"searchDepth":221,"depth":221,"links":265},[],null,"andretchen0",{},"/authors/andretchen0",{"description":220},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":274,"title":275,"avatar":276,"body":277,"description":220,"email":281,"extension":228,"github":282,"meta":283,"name":284,"navigation":230,"path":285,"seo":286,"slug":282,"stem":287,"twitter":288,"website":266,"__hash__":289},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":138,"value":278,"toc":279},[],{"title":220,"searchDepth":221,"depth":221,"links":280},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":220},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":291,"title":292,"avatar":293,"body":294,"description":220,"email":266,"extension":228,"github":298,"meta":299,"name":300,"navigation":230,"path":301,"seo":302,"slug":298,"stem":303,"twitter":304,"website":266,"__hash__":305},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":138,"value":295,"toc":296},[],{"title":220,"searchDepth":221,"depth":221,"links":297},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":220},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":307,"title":308,"avatar":309,"body":310,"description":220,"email":314,"extension":228,"github":315,"meta":316,"name":308,"navigation":230,"path":317,"seo":318,"slug":319,"stem":320,"twitter":321,"website":322,"__hash__":323},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":138,"value":311,"toc":312},[],{"title":220,"searchDepth":221,"depth":221,"links":313},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":220},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":325,"title":326,"avatar":327,"body":328,"description":220,"email":332,"extension":228,"github":333,"meta":334,"name":335,"navigation":230,"path":336,"seo":337,"slug":335,"stem":338,"twitter":332,"website":339,"__hash__":340},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":138,"value":329,"toc":330},[],{"title":220,"searchDepth":221,"depth":221,"links":331},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":220},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":342,"title":343,"avatar":344,"body":345,"description":220,"email":349,"extension":228,"github":350,"meta":351,"name":352,"navigation":230,"path":353,"seo":354,"slug":350,"stem":355,"twitter":356,"website":357,"__hash__":358},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":138,"value":346,"toc":347},[],{"title":220,"searchDepth":221,"depth":221,"links":348},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":220},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1782052341831]