[{"data":1,"prerenderedAt":342},["ShallowReactive",2],{"navigation":3,"/experiments/texture-particle-cursor":130,"authors":224},[4],{"title":5,"path":6,"stem":7,"children":8,"page":129},"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],{"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},"Pixel Noise Shaders Sandbox","/experiments/pixel-noise-shaders-sandbox","experiments/pixel-noise-shaders-sandbox",{"title":90,"path":91,"stem":92},"Pixel Plasma Shader","/experiments/pixel-plasma-shader","experiments/pixel-plasma-shader",{"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},"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},"WebGPU","/experiments/webgpu","experiments/webgpu",false,{"id":131,"title":122,"author":132,"body":133,"date":210,"description":211,"extension":212,"featured":129,"lastUpdated":213,"meta":214,"navigation":215,"path":123,"seo":216,"stem":124,"tags":217,"thumbnail":222,"__hash__":223},"experiments/experiments/texture-particle-cursor.md","alvarosabu",{"type":134,"value":135,"toc":202},"minimark",[136,141,145,149,166,170,186,190],[137,138,140],"h2",{"id":139},"overview","Overview",[142,143,144],"p",{},"This experiment demonstrates an interactive particle system that responds to cursor movement. Particles are displaced based on texture data, creating fluid and organic motion effects as you move your mouse across the canvas.",[137,146,148],{"id":147},"inspiration","Inspiration",[142,150,151,152,159,160,165],{},"This experiment is based on the excellent ",[153,154,158],"a",{"href":155,"rel":156},"https://threejs-journey.com/",[157],"nofollow","Three.js Journey"," course by ",[153,161,164],{"href":162,"rel":163},"https://bruno-simon.com/",[157],"Bruno Simon",". The course provides comprehensive lessons on WebGL, Three.js, and shader programming, including advanced particle systems and interactive effects.",[137,167,169],{"id":168},"features","Features",[171,172,173,177,180,183],"ul",{},[174,175,176],"li",{},"GPU-accelerated particle rendering for smooth performance",[174,178,179],{},"Texture-based particle displacement",[174,181,182],{},"Interactive cursor tracking",[174,184,185],{},"Real-time particle animation using custom shaders",[137,187,189],{"id":188},"credits","Credits",[171,191,192,199],{},[174,193,194,195,198],{},"Concept and techniques from ",[153,196,158],{"href":155,"rel":197},[157]," by Bruno Simon",[174,200,201],{},"Implementation adapted for TresJS and Vue 3",{"title":203,"searchDepth":204,"depth":204,"links":205},"",2,[206,207,208,209],{"id":139,"depth":204,"text":140},{"id":147,"depth":204,"text":148},{"id":168,"depth":204,"text":169},{"id":188,"depth":204,"text":189},"2025-12-12","Interactive particle system that follows cursor movement, creating beautiful fluid-like effects using GPU-accelerated particles and texture-based displacement.","md","2025-12-22",{},true,{"title":122,"description":211},[218,219,220,221],"particles","cursor","shaders","interactive","/experiments/texture-particle-cursor.png","dewTvx7gocTvhG7wqK310cFizEJE-uNLT08Qvd_3vYQ",[225,241,256,273,289,307,324],{"id":226,"title":227,"avatar":228,"body":229,"description":203,"email":233,"extension":212,"github":132,"meta":234,"name":235,"navigation":215,"path":236,"seo":237,"slug":132,"stem":238,"twitter":132,"website":239,"__hash__":240},"authors/authors/alvarosabu.md","Alvarosabu","/avatars/alvarosabu.jpg",{"type":134,"value":230,"toc":231},[],{"title":203,"searchDepth":204,"depth":204,"links":232},[],"hola@alvarosaburido.dev",{},"Alvaro Saburido","/authors/alvarosabu",{"description":203},"authors/alvarosabu","https://alvarosaburido.dev","FWpr6-OcVRzMvvsjRaD8icRidgpKVLCtrKy9-l_5GZM",{"id":242,"title":243,"avatar":244,"body":245,"description":203,"email":249,"extension":212,"github":250,"meta":251,"name":250,"navigation":215,"path":252,"seo":253,"slug":250,"stem":254,"twitter":249,"website":249,"__hash__":255},"authors/authors/andretchen0.md","Andretchen0","/avatars/andretchen0.jpg",{"type":134,"value":246,"toc":247},[],{"title":203,"searchDepth":204,"depth":204,"links":248},[],null,"andretchen0",{},"/authors/andretchen0",{"description":203},"authors/andretchen0","rztGS5YNlU7jYv1laE9f863gZy-WUFK5r3uuycyiMLY",{"id":257,"title":258,"avatar":259,"body":260,"description":203,"email":264,"extension":212,"github":265,"meta":266,"name":267,"navigation":215,"path":268,"seo":269,"slug":265,"stem":270,"twitter":271,"website":249,"__hash__":272},"authors/authors/damienmontastier.md","Damienmontastier","/avatars/damienmontastier.jpg",{"type":134,"value":261,"toc":262},[],{"title":203,"searchDepth":204,"depth":204,"links":263},[],"montastier.damien@gmail.com","damienmontastier",{},"Damien Montastier","/authors/damienmontastier",{"description":203},"authors/damienmontastier","dammontastier","FqtKh6r8pBEM29DE6GhT098-LIpM3BL7RXSxFjrcwwY",{"id":274,"title":275,"avatar":276,"body":277,"description":203,"email":249,"extension":212,"github":281,"meta":282,"name":283,"navigation":215,"path":284,"seo":285,"slug":281,"stem":286,"twitter":287,"website":249,"__hash__":288},"authors/authors/franciscohermida.md","Franciscohermida","/avatars/franciscohermida.jpg",{"type":134,"value":278,"toc":279},[],{"title":203,"searchDepth":204,"depth":204,"links":280},[],"franciscohermida",{},"Francisco Hermida","/authors/franciscohermida",{"description":203},"authors/franciscohermida","chicohermida","2dGmaA2uS0w2CaErMR8BexRzx0pCgoEowV5tZcITkus",{"id":290,"title":291,"avatar":292,"body":293,"description":203,"email":297,"extension":212,"github":298,"meta":299,"name":291,"navigation":215,"path":300,"seo":301,"slug":302,"stem":303,"twitter":304,"website":305,"__hash__":306},"authors/authors/jaime-torrealba.md","Jaime Torrealba","/avatars/jaime-torrealba.jpg",{"type":134,"value":294,"toc":295},[],{"title":203,"searchDepth":204,"depth":204,"links":296},[],"solucionesinformaticasjtc@gmail.com","JaimeTorrealba",{},"/authors/jaime-torrealba",{"description":203},"jaime-bboyjt","authors/jaime-torrealba","jaimebboyjt","https://jaimetorrealba.com/","WhkdXnej1NkT__thyZfYEil3qYn8wi7qVoQSMzyfrs4",{"id":308,"title":309,"avatar":310,"body":311,"description":203,"email":315,"extension":212,"github":316,"meta":317,"name":318,"navigation":215,"path":319,"seo":320,"slug":318,"stem":321,"twitter":315,"website":322,"__hash__":323},"authors/authors/luckystriike.md","Luckystriike","/avatars/luckystriike.jpg",{"type":134,"value":312,"toc":313},[],{"title":203,"searchDepth":204,"depth":204,"links":314},[],"none","luckystriike22",{},"luckystriike","/authors/luckystriike",{"description":203},"authors/luckystriike","https://github.com/luckystriike22","vmVaU8HAY_jbVnlvpUQiwh3uPcKxGGr6B5PF9xo17X8",{"id":325,"title":326,"avatar":327,"body":328,"description":203,"email":332,"extension":212,"github":333,"meta":334,"name":335,"navigation":215,"path":336,"seo":337,"slug":333,"stem":338,"twitter":339,"website":340,"__hash__":341},"authors/authors/neoprint3d.md","Neoprint3d","/avatars/neoprint3d.jpg",{"type":134,"value":329,"toc":330},[],{"title":203,"searchDepth":204,"depth":204,"links":331},[],"drew@neoprint3d.dev","neoprint3d",{},"Drew Ronsman","/authors/neoprint3d",{"description":203},"authors/neoprint3d","drew_ronsman","https://dronsman.com","w-8rauWEJDRmX_QOi4s2PI7n9EABybGURQ-R_ss9tzo",1774953670489]