Ahhhhhhhh My Face Is Bouncing

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_184":185,"_186":187},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_139":-5,"_20":140,"_22":141,"_142":143,"_144":145,"_26":146,"_24":147,"_148":-5,"_149":-5,"_150":51,"_151":152,"_153":51,"_154":-5,"_155":-5,"_156":157},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","shouser","name","tank-1741717761388","branchName","main","version","path","tank.html","project",{"_33":85,"_13":14,"_44":86,"_87":-5,"_88":51,"_89":90,"_91":90,"_92":93,"_94":-5,"_95":96,"_97":-5,"_98":43,"_99":-5,"_100":-5,"_101":46,"_102":103,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":109,"_110":109,"_111":112,"_113":112,"_114":112,"_115":109,"_116":109,"_117":118,"_119":120,"_121":122,"_123":51},"tree",[54,55,56],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","c3b2d4be-fea6-11ef-8d42-569c3dd06744","fileId","c3b2d55e-fea6-11ef-8d42-569c3dd06744","parentId","branchId","c03dc64a-fea6-11ef-ba99-569c3dd06744","branchVersion",3,"latest",true,"createdAt",["D",1741717767304],0,"fileType","content","\n\n \n \n \n \n Ahhhhhhhh My Face Is Bouncing\n \n \n \n \n \n \n

\n \n \n

\n \n\n","deleted",false,"label",[19],{"_33":69,"_13":70,"_35":71,"_37":-5,"_38":39,"_40":72,"_42":43,"_44":73,"_17":46,"_47":74,"_48":-5,"_50":51,"_52":-5,"_58":75,"_18":76},{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":46,"_47":24,"_48":66,"_50":51,"_52":-5,"_58":67,"_18":68},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":57,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_58":59,"_18":60},["D",1741717767304],"children",[],[19],"c1cf35d4-fea6-11ef-b3db-569c3dd06744","README.md","c1cf367e-fea6-11ef-b3db-569c3dd06744",1,["D",1741717764135],"# Tank\n\nI wanted to visualize pushing my computer to its limits!\n",[],[62],"c3aca6b6-fea6-11ef-8f6c-569c3dd06744","scripts","e2f000f7-a968-4c8d-80c6-643e1acc66b3",2,["D",1741717767260],"directory",[77],[70],{"_33":78,"_13":79,"_35":80,"_37":71,"_38":39,"_40":72,"_42":43,"_44":81,"_17":46,"_47":24,"_48":82,"_50":51,"_52":-5,"_58":83,"_18":84},"c3ac9d4c-fea6-11ef-8f6c-569c3dd06744","tank.js","c3ac9e00-fea6-11ef-8f6c-569c3dd06744",["D",1741717767260],"// Ahhhhhhhh My Face Is Bouncing\n\nlet xPos;\nlet yPos;\n\nlet xspeed;\nlet yspeed;\n\nlet dvd;\n\nlet faces = [];\n\nlet faceCount;\n\nlet r, g, b;\n\nclass Face {\n constructor(currImageSource, xPos, yPos, xSpeed, ySpeed, topTint) {\n this.faceRightImageSource = 'res/falafelFaceRight.png';\n this.faceLeftImageSource = 'res/falafelFaceLeft.png';\n\n this.topTint = topTint;\n this.xPos = xPos;\n this.yPos = yPos;\n this.xSpeed = xSpeed;\n this.ySpeed = ySpeed;\n this.currImageSource = currImageSource\n this.image = loadImage(currImageSource);\n }\n\n flip() {\n if (this.currImageSource == this.faceRightImageSource) {\n this.currImageSource = this.faceLeftImageSource;\n } else if (this.currImageSource == this.faceLeftImageSource) {\n this.currImageSource = this.faceRightImageSource;\n }\n\n this.image = loadImage(this.currImageSource); \n }\n\n move() {\n image(this.image, this.xPos, this.yPos);\n\n this.xPos = this.xPos + this.xSpeed;\n this.yPos = this.yPos + this.ySpeed;\n \n if (this.xPos + this.image.width >= width) {\n this.xSpeed = -this.xSpeed;\n this.xPos = width - this.image.width;\n this.tint();\n this.flip();\n } else if (this.xPos <= 0) {\n this.xSpeed = -this.xSpeed;\n this.xPos = 0;\n this.tint();\n this.flip();\n }\n \n if (this.yPos + this.image.height >= height) {\n this.ySpeed = -this.ySpeed;\n this.yPos = height - this.image.height;\n this.tint();\n } else if (this.yPos <= 0) {\n this.ySpeed = -this.ySpeed;\n this.yPos = 0;\n this.tint();\n }\n }\n\n tint() {\n r = random(50, this.topTint);\n g = random(50, this.topTint);\n b = random(50, this.topTint);\n\n tint(r, g, b);\n } \n}\n\nfunction preload() {}\n\nfunction setup(faceCount = 20) {\n createCanvas(windowWidth, windowHeight);\n console.log(\"setup\");\n console.log(faceCount);\n\n var i;\n for (i=0; i < faceCount; i++) {\n xPos = random(width);\n yPos = random(height);\n xspeed = random(6);\n yspeed = random(6);\n topTint = random(256);\n \n faces[i] = new Face('res/falafelFaceRight.png', xPos, yPos, xspeed, yspeed, topTint);\n }\n}\n\nfunction draw() {\n background(0);\n var i;\n animateCount = random(faceCount);\n\n for (i=0; i < animateCount; i++) {\n faces[i].move();\n }\n}\n\nfunction setFaceCount() {\n faceCount = document.getElementById('faceCount').value;\n console.log(faceCount)\n\n setup(faceCount);\n}\n",[],[70,79],"c03d7f8c-fea6-11ef-ba99-569c3dd06744",["D",1741717761503],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Imported from GitHub: sophiehouser/tank","imageUrl","userId","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_138":134},"org",{"_11":12,"_132":-5,"_133":134,"_95":96,"_135":136,"_137":51},"branch",{"_17":41,"_13":16,"_33":39,"_124":85,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":14,"_131":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":85,"_13":14,"_44":180,"_87":-5,"_88":51,"_89":90,"_91":90,"_92":93,"_94":-5,"_95":96,"_97":-5,"_98":43,"_99":-5,"_100":-5,"_101":46,"_102":103,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":109,"_110":109,"_111":112,"_113":112,"_114":112,"_115":109,"_116":109,"_117":181,"_119":182,"_121":183,"_123":51},[168,170,171],"files",[168,169,170,171],"counts",{"_159":46,"_160":64,"_161":46,"_32":162,"_163":164},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":158},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks",{"_165":46,"_167":46},"connections",{"_165":46,"_166":46},"count","unfilledCount","emptyCount",{"_33":69,"_13":70,"_35":71,"_37":-5,"_38":39,"_40":72,"_42":43,"_44":73,"_17":46,"_47":74,"_48":-5,"_50":51,"_52":-5,"_58":178,"_18":179},{"_33":78,"_13":79,"_35":80,"_37":71,"_38":39,"_40":72,"_42":43,"_44":81,"_17":46,"_47":24,"_48":82,"_50":51,"_52":-5,"_58":176,"_18":177},{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":46,"_47":24,"_48":66,"_50":51,"_52":-5,"_58":174,"_18":175},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":57,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_58":172,"_18":173},[],[19],[],[62],[],[70,79],[169],[70],["D",1741717761503],{"_11":12,"_138":134},{"_11":12,"_132":-5,"_133":134,"_95":96,"_135":136,"_137":51},{"_17":41,"_13":16,"_33":39,"_124":85,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":14,"_131":12},"ctx",{"_117":-5,"_155":217,"_218":219,"_220":221,"_222":51,"_223":51,"_224":51,"_225":43,"_226":-5,"_227":-7,"_228":-7,"_229":46,"_230":51,"_231":51,"_232":-5,"_233":51,"_234":51,"_235":51,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":16,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]