[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-airo":3},{"id":4,"title":5,"body":6,"canonical":129,"categories":130,"date":135,"description":136,"extension":137,"heroPills":138,"image":141,"latelyDescription":129,"meta":142,"navigation":143,"path":144,"posterImage":12,"posterVideo":13,"readingTimeMins":145,"seo":146,"sitemap":147,"stem":148,"tags":149,"__hash__":151},"blog\u002Fblog\u002Fairo.md","Airo: Paper Airplane Wind Tunnel",{"type":7,"value":8,"toc":116},"minimark",[9,14,18,21,24,29,34,37,44,48,51,57,61,64,67,73,77,80,85,88,94,98,101,105],[10,11],"loop-video",{"poster":12,"src":13},"https:\u002F\u002Fraw.githubusercontent.com\u002FArsham1024\u002FSpectreCreationAssets\u002Frefs\u002Fheads\u002Fmain\u002FBlog\u002Fairo\u002Ftunnel.webp","https:\u002F\u002Fraw.githubusercontent.com\u002FArsham1024\u002FSpectreCreationAssets\u002Frefs\u002Fheads\u002Fmain\u002FBlog\u002Fairo\u002Fairo-tour.mp4",[15,16,17],"p",{},"Airo is an interactive 3D wind tunnel for paper airplanes. It runs in the browser, with nothing to install. You fold a plane, put it in the wind, and see how the air moves around it.",[15,19,20],{},"The air is a real fluid simulation, not an animation. It runs on the graphics card of your device, so the flow reacts as you change the plane, the wind speed and the angle.",[15,22,23],{},"Airo has four places: the Start menu, the Garage, the Workshop and the Tunnel.",[25,26,28],"h2",{"id":27},"app-experience","App Experience",[30,31,33],"h3",{"id":32},"start","Start",[15,35,36],{},"The Start menu is where a session begins. Pick a plane, then go to the Garage or straight to the Tunnel.",[15,38,39],{},[40,41],"img",{"alt":42,"src":43},"The Start menu of Airo","https:\u002F\u002Fraw.githubusercontent.com\u002FArsham1024\u002FSpectreCreationAssets\u002Frefs\u002Fheads\u002Fmain\u002FBlog\u002Fairo\u002Fstart.webp",[30,45,47],{"id":46},"garage","Garage",[15,49,50],{},"Your planes stand on a ring in the Garage. Drag to go from one plane to the next. The card of each plane shows its mass, its balance and its last tunnel run.",[15,52,53],{},[40,54],{"alt":55,"src":56},"The Garage: the plane list with the stats of the Dart","https:\u002F\u002Fraw.githubusercontent.com\u002FArsham1024\u002FSpectreCreationAssets\u002Frefs\u002Fheads\u002Fmain\u002FBlog\u002Fairo\u002Fgarage.webp",[30,58,60],{"id":59},"workshop","Workshop",[15,62,63],{},"The Workshop is where a sheet of paper becomes a plane. You can fold, cut, tape and add weight. One view shows the paper flat on the mat, where the folds happen. The other view shows the plane in 3D, as it flies.",[15,65,66],{},"Airo comes with six classic planes on A4 and US Letter paper, so you can start from a known design and change it.",[15,68,69],{},[40,70],{"alt":71,"src":72},"The Workshop: the folded Dart and its crease pattern","https:\u002F\u002Fraw.githubusercontent.com\u002FArsham1024\u002FSpectreCreationAssets\u002Frefs\u002Fheads\u002Fmain\u002FBlog\u002Fairo\u002Fworkshop.webp",[30,74,76],{"id":75},"tunnel","Tunnel",[15,78,79],{},"In the Tunnel, the wind blows over the plane. Set the wind speed and the angle of attack, then look at the forces and the flow. Smoke lines show where the air goes, and live readouts show the lift and the drag.",[15,81,82],{},[40,83],{"alt":84,"src":12},"The Tunnel: smoke lines over the Dart, with live force readouts",[15,86,87],{},"There are eight ways to see the flow. The streamlines view colors the air by its speed.",[15,89,90],{},[40,91],{"alt":92,"src":93},"The Tunnel: the streamlines view, colored by speed","https:\u002F\u002Fraw.githubusercontent.com\u002FArsham1024\u002FSpectreCreationAssets\u002Frefs\u002Fheads\u002Fmain\u002FBlog\u002Fairo\u002Ftunnel-flow.webp",[25,95,97],{"id":96},"under-the-hood","Under the Hood",[15,99,100],{},"The air is a D3Q19 lattice Boltzmann solver, written in WebGPU and WGSL. Three.js draws the scene on the same graphics device, so the simulation and the picture share one GPU. Every dependency is open source.",[25,102,104],{"id":103},"try-it-out","Try It Out",[15,106,107,108,115],{},"Airo is ",[109,110,114],"a",{"href":111,"rel":112},"https:\u002F\u002Fspectrecreation.com\u002Fairo\u002F",[113],"nofollow","live on this site",". It needs a browser with WebGPU: Chrome 134 or later, or Safari 26 on a Mac.",{"title":117,"searchDepth":118,"depth":118,"links":119},"",2,[120,127,128],{"id":27,"depth":118,"text":28,"children":121},[122,124,125,126],{"id":32,"depth":123,"text":33},3,{"id":46,"depth":123,"text":47},{"id":59,"depth":123,"text":60},{"id":75,"depth":123,"text":76},{"id":96,"depth":118,"text":97},{"id":103,"depth":118,"text":104},null,[131,132,133,134],"WebGPU","simulation","paper airplanes","3D","2026-10-02","Airo is an interactive 3D wind tunnel for paper airplanes that runs in the browser. Fold a plane, put it in the wind, and see the air move around it.","md",[131,139,140],"Three.js","Fluid simulation","https:\u002F\u002Fraw.githubusercontent.com\u002FArsham1024\u002FSpectreCreationAssets\u002Frefs\u002Fheads\u002Fmain\u002FBlog\u002Fairo\u002Ftunnel.jpg",{},true,"\u002Fblog\u002Fairo","3",{"title":5,"description":136},{"loc":144},"blog\u002Fairo",[131,139,150],"TypeScript","Je5ZOqUcW38n7S_6W4U0VO4C_hpneQ6pspiYv20a0gE"]