Ahhhhhhhh My Face Is Bouncing

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_186":187,"_188":189},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_141":-5,"_20":142,"_22":143,"_144":145,"_146":147,"_26":148,"_24":149,"_150":-5,"_151":-5,"_152":52,"_153":154,"_155":43,"_156":-5,"_157":-5,"_158":159},"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-1741724442353","branchName","main","version","path","tank.html","project",{"_33":87,"_13":14,"_44":88,"_89":-5,"_90":52,"_91":92,"_93":92,"_94":95,"_96":-5,"_97":98,"_99":36,"_100":43,"_101":-5,"_102":-5,"_103":46,"_104":105,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":120,"_121":122,"_123":124,"_125":52},"tree",[55,56,57],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":54},"contents",[],"upstream","pull","ahead","behind","envVars","id","4f30b254-feb6-11ef-9829-569c3dd06744","fileId","4f30b3b2-feb6-11ef-9829-569c3dd06744","parentId","branchId","4e6c290c-feb6-11ef-868d-569c3dd06744","branchVersion",3,"latest",true,"createdAt",["D",1741724443783],0,"fileType","http","content","export default function server(request: Request): Response {\n return new Response(\n \n\n \n \n \n \n Ahhhhhhhh My Face Is Bouncing\n \n \n \n \n \n \n

\n \n \n

\n \n\n,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted",false,"label",[19],{"_33":70,"_13":71,"_35":72,"_37":-5,"_38":39,"_40":73,"_42":43,"_44":74,"_17":46,"_47":75,"_49":-5,"_51":52,"_53":-5,"_59":76,"_18":77},{"_33":62,"_13":63,"_35":64,"_37":-5,"_38":39,"_40":65,"_42":43,"_44":66,"_17":46,"_47":24,"_49":67,"_51":52,"_53":-5,"_59":68,"_18":69},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":58,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_59":60,"_18":61},["D",1741724443783],"children",[],[19],"4f210bec-feb6-11ef-882d-569c3dd06744","README.md","4f210c8c-feb6-11ef-882d-569c3dd06744",1,["D",1741724443678],"# Tank\n\nI wanted to visualize pushing my computer to its limits!\n",[],[63],"4f2ad0b4-feb6-11ef-9c97-569c3dd06744","scripts","1e6f78d4-0afb-40b5-8631-796a6f5f595a",2,["D",1741724443741],"directory",[78],[71],{"_33":79,"_13":80,"_35":81,"_37":72,"_38":39,"_40":73,"_42":43,"_44":82,"_17":46,"_47":83,"_49":84,"_51":52,"_53":-5,"_59":85,"_18":86},"4f2ac3f8-feb6-11ef-9c97-569c3dd06744","tank.js","4f2ac48e-feb6-11ef-9c97-569c3dd06744",["D",1741724443741],"script","// 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",[],[71,80],"4e6bc250-feb6-11ef-868d-569c3dd06744",["D",1741724442493],"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,"_140":136},"org",{"_11":12,"_134":-5,"_135":136,"_97":98,"_137":138,"_139":52},"branch",{"_17":41,"_13":16,"_33":39,"_126":87,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":14,"_133":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":87,"_13":14,"_44":182,"_89":-5,"_90":52,"_91":92,"_93":92,"_94":95,"_96":-5,"_97":98,"_99":36,"_100":43,"_101":-5,"_102":-5,"_103":46,"_104":105,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":183,"_121":184,"_123":185,"_125":52},[170,172,173],"files",[170,171,172,173],"counts",{"_161":46,"_162":65,"_163":46,"_32":164,"_165":166},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_18":160},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks",{"_167":46,"_169":46},"connections",{"_167":46,"_168":46},"count","unfilledCount","emptyCount",{"_33":70,"_13":71,"_35":72,"_37":-5,"_38":39,"_40":73,"_42":43,"_44":74,"_17":46,"_47":75,"_49":-5,"_51":52,"_53":-5,"_59":180,"_18":181},{"_33":79,"_13":80,"_35":81,"_37":72,"_38":39,"_40":73,"_42":43,"_44":82,"_17":46,"_47":83,"_49":84,"_51":52,"_53":-5,"_59":178,"_18":179},{"_33":62,"_13":63,"_35":64,"_37":-5,"_38":39,"_40":65,"_42":43,"_44":66,"_17":46,"_47":24,"_49":67,"_51":52,"_53":-5,"_59":176,"_18":177},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":58,"_17":46,"_47":48,"_49":50,"_51":52,"_53":-5,"_59":174,"_18":175},[],[19],[],[63],[],[71,80],[171],[71],["D",1741724442493],{"_11":12,"_140":136},{"_11":12,"_134":-5,"_135":136,"_97":98,"_137":138,"_139":52},{"_17":41,"_13":16,"_33":39,"_126":87,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":14,"_133":12},"ctx",{"_119":-5,"_157":219,"_220":221,"_222":223,"_224":52,"_225":52,"_226":52,"_227":43,"_228":-5,"_229":-7,"_230":-7,"_231":46,"_232":52,"_233":52,"_234":-5,"_235":52,"_236":52,"_237":52,"_238":-5},"ENV",{"_190":191,"_192":193,"_194":16,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]