[{"data":1,"prerenderedAt":106},["ShallowReactive",2],{"posts":3},[4],{"id":5,"title":6,"alt":7,"author":8,"body":11,"date":92,"description":93,"extension":94,"img":95,"meta":96,"navigation":97,"path":98,"seo":99,"stem":100,"tags":101,"updated":104,"__hash__":105},"blog\u002Fblog\u002Fflow-field-exploration.md","Flow Field Exploration","flow field",{"name":9,"bio":10},"slpk","check la page about",{"type":12,"value":13,"toc":88},"minimark",[14,18,23,27],[15,16,17],"p",{},"I will probably change the media with better quality later, hope you like it.",[15,19,22],{"className":20},[21],"text-gray-600","\n#javascript #canvas2d\n",[24,25,26],"style",{},"\n  .flow-field-preview {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n  }\n  .flow-field-preview video,\n  .flow-field-preview .video-loop__fallback-ios {\n    \u002F* background: rgba(64, 64, 64, 1); *\u002F\n    max-width: 400px;\n    width: 32%;\n    border: 1px solid black;\n    aspect-ratio: 1 \u002F 1;\n  }\n  @media screen and (max-width: 500px) {\n    .flow-field-preview {\n      flex-direction: column;\n    }\n    .flow-field-preview video,\n    .flow-field-preview .video-loop__fallback-ios {\n      width: 100%;\n    }\n  }\n",[28,29,32,33,32,37,32,40,32,43,32,46,32,49,32,52,32,55,32,58,32,61,32,64,32,67,32,70,32,73,32,76,32,79,32,82,32,85],"div",{"className":30},[31],"flow-field-preview","\n  ",[34,35],"video-loop",{"src":36},"\u002F20220221\u002Fsmall01",[34,38],{"src":39},"\u002F20220221\u002Fsmall02",[34,41],{"src":42},"\u002F20220221\u002Fsmall03",[34,44],{"src":45},"\u002F20220221\u002Fsmall04",[34,47],{"src":48},"\u002F20220221\u002Fsmall05",[34,50],{"src":51},"\u002F20220221\u002Fsmall06",[34,53],{"src":54},"\u002F20220221\u002Fsmall07",[34,56],{"src":57},"\u002F20220221\u002Fsmall08",[34,59],{"src":60},"\u002F20220221\u002Fsmall09",[34,62],{"src":63},"\u002F20220221\u002Fsmall10",[34,65],{"src":66},"\u002F20220221\u002Fsmall11",[34,68],{"src":69},"\u002F20220221\u002Fsmall12",[34,71],{"src":72},"\u002F20220221\u002Fsmall14",[34,74],{"src":75},"\u002F20220221\u002Fsmall15",[34,77],{"src":78},"\u002F20220221\u002Fsmall16",[34,80],{"src":81},"\u002F20220221\u002Fsmall13",[34,83],{"src":84},"\u002F20220221\u002Fsmall17",[34,86],{"src":87},"\u002F20220221\u002Fsmall18",{"title":89,"searchDepth":90,"depth":90,"links":91},"",2,[],"2022-02-21","Some Flow Field exploration I want to share","md","\u002F20220221\u002Fcover.png",{},true,"\u002Fblog\u002Fflow-field-exploration",{"title":6,"description":93},"blog\u002Fflow-field-exploration",[102,103],"canvas 2d","web development","2023-07-06","--8pKhd4GQ_0uj7yIGHEjjq-R9w6FY_DoN6WBYrlLRU",1782499150783]