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