p5.js Web Editor | Knotty sherbet

xxxxxxxxxx
let img = [
"https://lh3.googleusercontent.com/SnyK6JI0M4yyMYzze5kbXT42VULiQnWsdON7Rc1vzGUr5efpzXt8ezQGYpEaMpOMX0DF3NvwYDFZ5ktzqnLZtmcufDhqI7-uOm7_8VpjRD8HDSKjCp2yWWRRSt5Qzc5NPoj5xXYPiywSvdZtVQC2qDodJ23232c8YHYtIH3MZkzkK5U-ZDeSZ_a1NzfYOWlJIi2tQtEYKcBb_lfso8ZilxiXGLMf6VJp6ckQUzUmAD0lmeUNo0MgAX5JN-MZ18xvFmmyHhLure9jy4cBFCkRQGx0nau-qPRMnM7SsvQwSTz6pQFmapHvLp0dzKfB1_z2rpoppxhe1PG1imRoq-vgoRwDqR6lvwMv97FZ_uEaWEHXcmefPg513Ah-u4W5W0LNdAAZhxyfTT7SrCm5Vw_ZLg8SKwuMSswtAKecoGCKoyHCs7-bCyuMdlWXtx7eMdO7zB6tedG7Gpg7vX9PnW_1KsdAysnurbQjgMIbZsykB_nVkPTbExPc_P7rDCEfclvQKcxr5Hiemq5840OdRlqtLRDAGRWut3mtOUL147cuw0YiwnxlQo4X3px0GT7j0brRszCpdg9zfw78sX_wUUlGrL67R2725cAT-3GPddUKtEa7CS0llzOfqD2sZ2VNTepCIkjNCxZASPe4fkMgviiO7s6YirwWbCHlk9U_plS1rXwa7YuoU7uDFuJS_ZYn8OPwcWuIx0MLzNL-3YN5YqU261xb=s194-no?authuser=0",
"https://lh3.googleusercontent.com/b6_nnQwrZ7Cu4ZH3kSgH96l9jaaAF9EbRefVD1JPKIj9_Bif_M7rqOzKJFRbUF2RMftOErP_S5OlK3vgX-ejrvkwPQIB2tFF5EnQeKpQI2msF-v7AInZGIpbOw7QPPbZE-X3Sp5N035HyolCgZVXzSMOouZ6zFIG0vi7-9E-fDORaqdtrHAUVBKOm6SkI9pvz84ZcE-QedTDnGj8BR3bnPjVMRGGysag61SeQvIoaY4wN5O1LcLpMBhZfCny6xk8Lsf7CKwADPIy1jKk3CMBnFf3CW3-clu8Cjow5KEOc-epBdCkBAD7afFgKoTCUHzjofuC7NcEylz_nC2IM9fdoMTIVznmvFgA3QPY-B58hTdA0LfCE5tlE1TwlIjF2raeGIDLUa7jvJ8OE7Px1qAgivw8S-mOVCIVkCcNhMuAvFTPgI1ejMknTceYMTWBXi4GgvV_KPZfySCsds-xF9x0e_evpLv-1kZWHituVzhFyh0IbnC9zi0h5s6Ez_vgzHORIPnsn0jhZ_ntuB0L1sg28toDXUvFuqVMzRcBTUxea4r_ELXuf2XpgZ-zbjjE6HzYmKC9AjXRGrpDej2jjRKG5e2MxT0FoKQV34Mw1Msa8nbMeyZR4YrzZqUig_tusqinhKKNcVfSRTWWwuUeOh_1OfAIFBC-vA42jLwF-CO7MfzjWnSBzW3m_MAhCt_MROgbpeVPr_qGLQewoCVPxOqkH8w_=s228-no?authuser=0",
"https://lh3.googleusercontent.com/IniboX1QWALUKGTrkR8en4Vx6E48nvJiKWNY5_sv6GMOT5xVWmZcqMQOepCp1Oyt7sSe4egB3KAI0HFzmkCoGAkCm8GpHSWJwN8dBDoqskVj4USTdmPgkRFOHelyPuZ1bj9TmfWnuHABCyrcPPC0tl4BjE62m8SYwrQMGx-qOAvAl4usng4aRPDwX6TltM4F9Ae7nLQ6XHO3sjteOCgIcG4XOHFzWp0o3H1EK3BS8vHtJTtgRbXVRO2mVxbq-RKl-GqF54QQcTRDTy6X72LR5KFRichoFvSkEeSoou-4NBqd6vZvzOrEyUEs3D4Gz_3X6utFz3NNg7d_y3SwB0Ey7pHf76x10q3YGTvCOva1xhUQiFn_YaKGYQSoJIweU-szg1v5GI5D3rbxmKfDCZN5pcTed2xHXFoTTcBuhfILN-7Lhyexg-7b_KJ6XygccrM_a3dIeakov_sepraraSUCF9pSL6BTOTeMKNEG6qsCwiTtwnxFYMcgiW1ihKc3rL5ZRPBLrw_k8ekuyXatYdRhM5s3JT-71ASbi0BrGpNgrm4hRWQswxqWzqMYCBrrjpcQYc6noIWJJo-a-BKt9LECLHpP5tQcBonCQvMPx1KqXgmDlKHG1P3sNfMw0D83w9CqEEWN_pJS5UTlRgjPDr_NrRDggQojJaFg_pBj1ubJOXGVzQ6THeQM00KPhQD7ibokrH5N3KubOY4pqUOSrKWJjmdl=s235-no?authuser=0",
"https://lh3.googleusercontent.com/bFo3wYoGFJIXu3RRxg-ThQITee9SZ8N_3Vp54xa6BBIkLrfCkFwv6Im8e_SGkGLLwLdzglxzlSTkJWpst6jOcGeF0Is0T8YY8mFBb3ow1-Mzo4_N5whWADaqhMbzU2afHUHq8qvxT1DjzyeiyalJG1rRrhg8W_ufSUAR58Hm9QTxQACWuy3MPfLv1UhNTNyG5lqkoR5BnS6L_NHchFYJOg0JPYCFijPov_Z1mcGNHTFfBft2bZq7NXGOTlAJa1WLFRShuEdl99_N5b8dgQX4LkRxRmLiWjDZyTzGDgZsb4oSpe-QbM8ElqDTO8N7JP4kPqv_SE5AgJYZYGD14F3OFAblanOQcOyC1wHy16TXR4fXkFs9-nZPBnFVe53EK_IThscwgzexSOe-bkQQcWJ_IxLQMywMtg5JTiEKxlJn8yRwnkz2erA4NbMfKqL1n_6OxNY9NtjYwmw_FmZyfXIKi1MJMTNO--VPPo84HgfzaBGAcwIQHqmm3YC7HBOn34YHmFEHIMaN9rUjl_FgnpClAtYJvw2iGZgiDPXlVYVM6fCScMemcS6nGfIQSeExGAcEOc1lbvDhyFbYWB_xYTtpth_hY6Kt_ovPo9IQeg30mzSkcK97YNEfKcTqsRBpc4HEPRkh5B4Lty4Y8hJz4ijBDMso3FwvRdLw-vTKWaNjOeL4WpCl1Qb8GO0MTLDRUhmmU_HymnYk8yN3glUK8GX4q8ZD=s472-no?authuser=0",
"https://lh3.googleusercontent.com/W7hsKA_U4kJ4-vuh7Fq8W_66R0x6_o4c2kZ8-PKlgnnrUt6va_hM5pTUIXmKLlPxvYbRmWRIOyG5HjokmozPotw6Mg4lKbyYCu1ko6_WmFFh66-NFa0utt99TJTqYPtflJKV8hN5EwNPR_F-inbpYqHjMrIHQ-E_sRkR6ZXz2v4lEPwWidym4m4wo2HubWpQYW8VN9oBtdqkHa8-JsxFgzZI5HO8CqNCqgKVlyb-ssKKN6dou2jcx_Q9DxXM7wSVFoRA24wiz1UZIuZNhfmy45l4yAHEs44PQFThgcK3Ygb0C4T08uqZJCEWpe00fIG1XXjcOQJI81Y1ixHj2SaPKKW_0xbagZ6mYQjQxY2Z2-2a8sHXhBA6-unjcu7hgBnMGg3TwXU-QcuKtiOy0rk4c-49JT5ZL4GJ_OZPoX6As5QR3fDvfe33sJeTXV88QbwF5ORLUT9AfGemreifLqDIZBQyaX-HNDDCag66l3BoJTrXbVCK1qXai9wKtAcdZkWnTieiHajCF1SMBffMSNaFHxQ0-XHruWBadg66iqh7lo45QKOTTjAanBQXzy_OkQeT8SyNMtHqmC9gQmlH8gLs_sEuIJ3PlWyVAfsoKZxeWGAwQct1BdRYk6pz14VbouNhryyo7EB374umhbQhE5pHN4vNhisoy278_9-FiSeZqfVa3Ucz26cRltKJsrBzMCBiWRs7c-IIDZloL4-wFPMQ3YyN=s534-no?authuser=0",
"https://lh3.googleusercontent.com/CmaztJ4EtjtETml5dZ7rNL2k5IPep9DZNwN4CMX4NidQgJ3cmnIhTt5FnIOysIuJx1LFS7htHnma64epa2-7_qKQXl_HVGCoIcedOzLqj54sogzf2ButsEdhZZqkISoyItsa3BULC29nV-19OhB0g3l_2an9UxeYnLqk3m7eb-H73GwSIszAwYGxipp53DTLXWrOOx6qhjxA1xvZN5m6UezIgJ4_Cd-2rVBk31Gxt7_BQSndYgG_74YIqgbA3qbi0uL2N0UdFsT7rCIXt20S22ucuFMmH_GWYmTSPMV55Vr3ixo-TnquJD74LUaSTzk7Nr3nMcn6UQHYK5QBZ4yy6S3WkneOnlkAjq_4FQXyp4MTlsM6D22fjQIBaO5ONw1N2tMBhItTXdyqRCKzp4IVe5YndCSn-MCbcqNqR9zS0cmLX2Kh0Es3XUA1I-Upo-4Cchq0ailbO6reohD5sgmJrrFDni5XzVR0jy3S5rxNVWN8JfQGOsWjPHT5O7y6hCplI2lP5riSbw9twcT5v82yISQyh5gVHCDM7rE4glaBSOFia4cnCFiu-5QlpSorzszOq8RN40bqW6BAPaQ1iDGFfMsZVMH_eT9Xy5e-jhdTZMj4VdTcR4YnD15E0AmJ11r7v5ZF8MgSAz43Fl8qOH-OzmR5RA87BWYF5yzrtas6YNG7eAedeVvnZPSvNsoiVBdHtPpxSWb2XhKk4bTgAZgkyCL8=s221-no?authuser=0",
"https://lh3.googleusercontent.com/H4mD1pOoAznD0bXckIf2VI79l-Wdo6Ztsh6ZgJ1x_waxTIzbmx0adUHxqLdCdT097VQvnM4vzHnfB2U83xvzXYXMHW9mfwpZfV7Y6MQn7QKxLaPHCufAOK0YkaTUrEDQBmS5udSywJZFPaI0kHxzSEVkewyH2E_-47m6PG4XycTFlV0hZpR5xOjC8rl0O4TunT0u9UUmyA_S1HPR4FaeTbt0SVHYVnrOaKkE5TX4AgOWzkW5Lx70c68U23PkS0VYNU8mddswXgAwyyjRts97KfpECYgIQqh--ELX6VSC8vUp6mxBiREoK0RdHOLXbiCzY_w7-NcFH6iG8NquHzR2hrNW2cCer-viORDtRHaSbriUQ_dWLa4B3O7auuHN_SpDYzldcTMpwqeM5qq9bDFCf_R_f-ozGd5V_Br65ZzM9ll3Ne_N64VI3jO9PQjGByN7JW4pOhLPr-XfMsN-viB8MUko-Uxsrau0iMGDphYyXLC00y64OaKYKQpvYtE2hKKAs6OxcXhlBzdpml8EKzjjZ4v0IOsxWYaztiRv7Q4tA-TMrwZkowiZXBJXtAYRW_NgSJ4bm5BWdfK8wci9ahnbifcXk5tIq9VJA4lazTXw7UDBTmInWs0zRRvrWCy6EbkDZgCqwikjL75wGYtRQXj57xnIljYPk4w9HCOeR9CfigF_6KkBgGUPjhA_JBfV_kzgvF8EU7fV3K32vafxyEid1sJq=w288-h912-no?authuser=0",
"https://lh3.googleusercontent.com/hRf8CvfFpGpJfmoH_Muh3kDeII2gV8NOdU7EJBZQgvLy54iZPBOeNsmGW03Ey6carEAOz8NkU7pC8d3AjekOktmMUvwrywsIT22o367p15j7c4HVUyD4hpaKX8_juNv8I5rD4XsgLfgFjvP99gP-c6X83N_76F_KetlVHruJ3iRv1S8pDl0jF2sw0R7Z9AvDWJk57X2GC1B-iFNDesmYVLOl-tL4xEhCp7D0d2IUHmZ_nt0jAaor82vld5woi-qu6A0C-ittuZkDO8ADQjty2YjH3feBSlYaN_PgXirNoSPFC_W4BYh9Pc7Wvv5e7Zs18WZb3K2aRvWEsDSI8cQuybnLY5WhpTAWkJOM-W0_elyKBi4ZbhByavWh7H_cWp4q1v4JX6-tFjW7W7ZAlaxptvlxcLVw0At7YR2sKDnkxftXrXRnYl9U7bFgAZpHJP0YvC66xUPcZh1f8B74eOX2H28pH8HhEqt7aYuDqirPFpcE-yUg122Q0xxtnyoyCqg5oM2MEtp673tfS77UU-p68FaxfDyCZsx2TUHdJxcivxNQVYg86oP-kef48wUMCA2JM3Dy1fcQOjv1QxhaV1dW4w6I6SK8DCOJVVsgUIAE61sqZ82tif00KYNofTEnwmKgMrxI1DQRYLdssuKrxUBK5EnaQdC0_A4QAt75aS-vd-9M-nl75ng8u0N9ZD9MF4_YX9-zULDjITsKJx_CBhlLSaoL=w210-h912-no?authuser=0",
  "https://lh3.googleusercontent.com/7uRUEAAJLZCOjmGllZUB5nSnz23m3wIiA7l7oiAx-_9NlwtHq_r9A5QKNekA7tg5RRoEGYxnPAA6HWol0YPuhQV4eUwbD7dvRBgrBJkde2aJKN3r9hv7XsWxe5jY-8B7aVEoRqX0RHRmbEqkn1ZsRbVP8jB5lplPLFrY3-GuYtDJ74hsqI1ueTvSW6JQOydkqj1PiTnOV2Hg8B78MlYFmbRFPZH4WpRrrdzF3NxYTlxMNUFAQWICGgtRlvLTmho8xJMfKmrv9O9GKGroNxYWlCONyhNs_gDLOL8A8fEIU7-r9Lo1lZKxyEhJtgcJin8F7iekMsRw8uroc4jebiij2aNmdO6pdBYRT9IkvAAoHphaA1W0oDSq-1hRpvVBM2eKccb1qH99XecCKDBJqOvprwOTOgQiPS5s1od9C7Ygvko-xqkJumn9lhdvoInlvwEJqs5aGuUV_l1EsNFuI6uFKzwGo03goqG3FbTAINsbtYEozSF5-7aWmyGdOY_CB8Z4Lh6nD3w780oEMXNc2fqkOjo9d6wQifWbyEm9wPcwde7Cvw7xLhSwBxHgftGi4HxQGaXSsmFYWkLgWyIpUdO2XVefZMLboXPAyUw7xnZWTOv90cJOuEu__kA7GYXJ9pyQZK69GD980Of-gr1_SF5bBuws-_m8tkoLKH5EK4q_NsSeKtGnJzoGvSgDBvulE3XkLfOmZtG5pUyQG1-afzN011oC=w589-h912-no?authuser=0",
  "https://lh3.googleusercontent.com/YrKw1hXBj9CubfWaJSGPHJl6Mej9vSgstIG8FDb2Duatw3-DgwTI5ewSgy_hEzeNlFYOPrPz1HeH6Bicmf7UPpM5SZVdz1yjzaq4pyRmynsnb7Lhsh2QjB3BdsH6dp1w1jKMSyS6a2BXVb10AtY9Fflo-b8sJPBfhpxkhmnEninTuPozoQlgz8ENmk3ouS28_C9kPllp13W56BdDcCO6eq3-yegHxm1N10z6Fgn-R7880KwHPAonCA5TiSVnaJJAKBC4EeSHRFaizBa9hu2uBGrtk4Wwhe-PqnzN4WcyEptu9a6v1K7wDtjaMBtaB2ho-HC2orhekzsyMeGmUg7QHnLs-BMcwr3p0uFwf4xWw3n0MRk1qSLiJtuLq-DStPPKpaJXH9D01EFqjBhxwGlNRIVbfscmwqUztOzgQ8Ka9PzslleN5MZbsMmbV92Ont4FlR81cDGrcdgnFjHnCbsd9jOgELUsV3YTUR9GxxmJPPJW_XBi1_x1oe-qDFrILw0q-MSV34Z3M8j2UDgwSxa-xdovCtVlbEFTlCW4lV94OmjkngOEjfssF0BLpfdKcVFZvFcqyJRgjJeAeFsqZsCtYSbPs2ajmvTz4NfxlzWrQKO62u9mZe0fXJTqI6HVjy_i2AMuAZJlmF2m8ljISGD547m6jZreQnxai7UzamD1vOZReIW4oTOKKO0YFbiTR-Rw9kW0mYTaEpaq70yHAxsGKOIb=w279-h912-no?authuser=0",
  "https://lh3.googleusercontent.com/jH-EuAEqqtuY13XR-5dGHqSkAtx6dymLAFf8rPbYZDEf4KBuGLxT5P2SFr2Hh5BfycZOUClldkWgx2jZroX1RSm93VjmWArEF0yC-UuzWk86DTgPig8NOV7H1kDrvZeUmvvdNpsgmVGiFF3TGv9lLJYecZ4lEOXfka04Iy3F22eBCU24rI65f45-m3S2-C3z6-6p1JZwsjDnsxkaniyiIm7sorkNA7_ZyydxMLApkcJtc1a3jDUE9taRiCV5woXYpJT9wQHBgh03Dn4sGveGfoNk_Whg9w-bAcngdG47Z9mHl42GcftXa4zmSIsitVqN2gUsMFF3-zXX517mU4LdQfeRw9sK8hvlcr1zl3wexhruTDPdGRIJa0ti04GmZ6TaOosI9FYHMZnHiV1IdRzKMhXJAYgZRlJED7bxE2lOCEo40huGN1q07dDhQpyc7a_rPLsAhoyR4NhIhft0-mzq3Qiu6OekSn1rmxG-3pyVIMNRkcUDDV82JE-6hETIQOT-UiYjp_H0LkXhWP1Rm8Db9fuFugGik11SRnwX1NcF20q32gnc3SkPSGSp_dLaaM5mKMTcsX8j3x73oNK3zEKNU_hHbIwFuHeSkL1bkyla2ZSB4crIH4EryJqM-u6xVEF8gFOgs0cQgtbH2lg_ldu1puAT59NYpbFj-GzSribJLuseTI-4XrlbfZ7c2JQCjg73ZJN55hrzKHVT0zL0NmePrETa=w1157-h912-no?authuser=0",
  "https://lh3.googleusercontent.com/jCWJC0jnQraRekVSND7YxACdlFIXZAEEZo3iAzmRtRmRr9R1do3QPHxhzdLy7FFid57HAR-w49B2FOa28Ljv2y9WLXDS2LbaxEuwg6smbLwvyRv6eoD5yV2SEG3gskU0OzGnsEHFjnwqtSEeSbFN_3AFwMQpyIEAhQ15C2Ady3nQ_Yk3QgQWl7OszDYhar63yccVA4MSN4tNwHTV9lufxjQj5j6fZ2ZubWAoLvGkZdSv_5gREXxXSmhuTgTN46vZg4_26yPzURhdykhYg7aUG0HR8VguEaNu9lxKuV_XKabSguR_2TQR85yKlcQ_9O7vXynr9CVB0BtY-zdwrDxFa8TsDJ4bdgihDsbSJDKesLfH230eoV2Yowgag_PvxrBAInKR9P9WkrxAq7kC8u8WhsrP7ChMRF4VgN77XaidPFNqJphl0LPdISSpTsRc-4QCgtP4janFih-iZLJQScBldDj1DuQb-98yVJYjkGoX2hkakPtsmlZKrDSR8gbGH17TYPUPYgIlEe9OmGTiTU75t3cu-3qlklCepWm3r31BKJs2uWdvVNSw2Na5hozy7_yR-GeKNoSbHyJfcSyK-qBhTdvFrowqrBgHxUJ_MZgHMsUQTsMrCiceXhOuK5TVnDBk41ZDT8btdLBxh6CiE77pyNMQWoebf8NvjBptTAF87Z1wFG-q_YuPxJyQ229TqiQyBmL2UgBMPvJ6MVubv-kLFuRd=w1143-h912-no?authuser=0",
"https://lh3.googleusercontent.com/I6owCmE8Bg3ao9aL59l5etxE2hdZEaqhhpoCItK8Xx0x7YwjbCu16uMEC5PoMtep_S_XgjJ6YIIJp55S0g5qjOXDqVs6hWLPTorL9WNTG3FUEnaQL6H0fxDUTQ5bUk6TkxpVVHIj6SOLNm5GN6lII0GpRyhSVSdCldoNBuhmR_MC2RnbdljD1Y0-WII_Xh5t6L-a8loxyVpy3J7mHXE1bNRKSCHJrviuie9aKe1qGWNrOr8NgfOn4NB4jvvWcq8kHe4WBTdiYHB3xZqB5p46EAzYo-tiliYSetqOgLoSnyq1dQa653_YQP73V1l0ZjhxepgGx-NfnG8vcxnpgR43JDaVPlxwj7YmvHsID9MjHym9rovJQJfWNFTQjSTEuk71auml14FtK4JRjPo0ia64VMT-ikIgb_zXURcDx4iXfdWVTXtyfRVFBRiasqLtLOqA5LAu6xadxq7aye6bX-4cqTwX_5143ltdJmH5BSxHuJKc2WP0-bijNwF2QRHelr2r2_oRo5g1CIOcECMoM0zcFQZBPBqVZbGlngV9dtplDEBSKsO2VioNqCo49fE-4_5JEfUDHrUZVlJ5_vIzrIIaY4kBhCDCJnnQ1IGkUIf3N9PPsZ7Ri_z3BAwxrQ3BGGM8hvqltq3nRz2MNj6PD9iRhCKs8HZkHGx-PWcSMzgmpT65fK2cFOLqPLq0DnyfYmFbSOEeMp2XddTk0t1iWf7onowG=w960-h912-no?authuser=0"
];
let speeds = [-0.5, -0.4, -0.3, -0.2, 0.2, 0.3, 0.4, 0.5];
function preload() {
  for (let i = 0; i < img.length; i++) {
    img[i] = loadImage(img[i]);
  }
}
​
class Particle {
  constructor() {
    this.isCircle = true;
    this.r = random(110, 130);
    this.w = 200;
    this.x = random(this.w, width - this.w);
    this.y = random(this.w, height - this.w);
​
    this.xSpeed = random(speeds);
    this.ySpeed = random(speeds);
​
    this.url = "";
  }
​
  createParticle(imgnum) {
    noStroke();
    fill("rgba(0,0,0,.5)");
    //circle(this.x, this.y, this.r);
​
    if (this.isCircle == true) {
      image(
        img[imgnum],
        this.x - this.r / 2,
        this.y - this.r / 2,
        this.r,
        this.r
      );
    } else {
      let ar = img[imgnum].width / img[imgnum].height;
​
      image(
        img[imgnum],
        this.x - (this.w * ar) / 2,
        this.y - this.w / 2 /*img[imgnum].height*/,
        this.w * ar,
        this.w
      );
    }
  }
  moveParticle() {
    if (this.isCircle) {
      if (this.x < this.r || this.x > width - this.r / 2) this.xSpeed *= -1;
      if (this.y < this.r || this.y > height - this.r / 2) this.ySpeed *= -1;
    } else {
      if (this.x < this.w || this.x > width - this.w / 2) this.xSpeed *= -1;
      if (this.y < this.w || this.y > height - this.w / 2) this.ySpeed *= -1;
    }
​
    this.x += this.xSpeed;
    this.y += this.ySpeed;
  }
  joinParticles(particles) {
    particles.forEach((element) => {
      let dis = dist(this.x, this.y, element.x, element.y);
      if (dis < 400) {
        stroke("rgba(255,0,0,0.5)");
        strokeWeight(2);
        line(this.x, this.y, element.x, element.y);
      }
    });
  }
  clicked() {
    var d = dist(this.x, this.y, mouseX, mouseY);
    if (this.isCircle) {
      if (d <= this.r / 2) {
        link(this.url, self);
      }
    } else {
      if (d <= this.w / 2) {
        link(this.url, self);
      }
    }
  }
  hover() {
    var d = dist(this.x, this.y, mouseX, mouseY);
    if (this.isCircle) {
      if (d <= this.r / 2) {
        cursor(HAND);
      }
    } else {
      if (d <= this.w / 2) {
        cursor(HAND);
      }
    }
  }
}
let links = [
  "https://artintimeslikethis.com/blackpantherscalifornia",
  "http://onyedikachuke.com/about",
  "http://onyedikachuke.com/about",
  "https://artintimeslikethis.com/m19",
  "https://www.myfloridahouse.gov/Sections/Documents/loaddoc.aspx?FileName=_h0001er.docx&DocumentType=Bill&BillNumber=0001&Session=2021",
  "https://artintimeslikethis.com/wilmington",
  "https://artintimeslikethis.com/m19",
  "http://publicfiles.firearmspolicy.org/mulford-act/california-ab1591-1967-mulford-act-bill-file.pdf",
  "http://onyedikachuke.com/#/thedrawingcenter/",
  "http://onyedikachuke.com/#/scad-museum/",
  "http://onyedikachuke.com/#/bronx-museum/",
  "http://onyedikachuke.com/#/cuchifritos-gallery-project-space-1/",
  "https://lmcc.net/lmcc-arts-center-at-governors-island/onyedika-chuke/",
];
let particles = [];
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  for (let i = 0; i < links.length; i++) {
    particles.push(new Particle());
    particles[i].url = links[i];
    if (i > 5) {
      particles[i].isCircle = false;
    }
  }
}
​
function draw() {
  clear();
  cursor(ARROW);
  //tint(255, 180);
  for (let i = 0; i < particles.length; i++) {
    particles[i].createParticle(i);
​
    particles[i].moveParticle(particles);
    particles[i].joinParticles(particles.slice(i));
    particles[i].hover();
  }
}
​
function mousePressed() {
  for (var i = 0; i < particles.length; i++) {
    particles[i].clicked();
  }
}
​
function link(href, target) {
  window.parent.location.href = href;
  //window.open(href, target);
}
​
Cookies

Sketch Files

Console

Preview
