Ahhhhhhhh My Face Is Bouncing

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_191":192,"_193":194},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_144":-5,"_20":145,"_22":146,"_147":148,"_149":150,"_26":151,"_24":152,"_153":-5,"_154":-5,"_155":55,"_156":157,"_158":46,"_159":-5,"_160":-5,"_161":162},"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","scripts","project",{"_34":90,"_13":14,"_47":91,"_92":-5,"_93":55,"_94":95,"_96":95,"_97":98,"_99":-5,"_100":101,"_102":67,"_103":46,"_104":-5,"_105":-5,"_106":49,"_107":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":123,"_124":125,"_126":127,"_128":55},"tree",[62,63,64],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":61},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","4f2ac3f8-feb6-11ef-9c97-569c3dd06744","tank.js","fileId","4f2ac48e-feb6-11ef-9c97-569c3dd06744","parentId","1e6f78d4-0afb-40b5-8631-796a6f5f595a","branchId","4e6c290c-feb6-11ef-868d-569c3dd06744","branchVersion",2,"latest",true,"createdAt",["D",1741724443741],0,"fileType","script","content","// 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","deleted",false,"label",[19,36],"4f2ad0b4-feb6-11ef-9c97-569c3dd06744",["D",1741724443741],"directory",[19],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":83,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_72":84,"_18":85},{"_34":75,"_13":76,"_37":77,"_39":-5,"_41":42,"_43":78,"_45":46,"_47":79,"_17":49,"_50":24,"_52":80,"_54":55,"_56":-5,"_72":81,"_18":82},{"_34":65,"_13":66,"_37":67,"_39":-5,"_41":42,"_43":68,"_45":46,"_47":69,"_17":49,"_50":70,"_52":71,"_54":55,"_56":-5,"_72":73,"_18":74},"4f30b254-feb6-11ef-9829-569c3dd06744","tank.html","4f30b3b2-feb6-11ef-9829-569c3dd06744",3,["D",1741724443783],"http","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}","children",[],[66],"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",[],[76],["D",1741724443741],[86],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":87,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_72":88,"_18":89},["D",1741724443741],[],[19,36],"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,"_143":139},"org",{"_11":12,"_137":-5,"_138":139,"_100":101,"_140":141,"_142":55},"branch",{"_17":68,"_13":16,"_34":42,"_129":90,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":90,"_13":14,"_47":187,"_92":-5,"_93":55,"_94":95,"_96":95,"_97":98,"_99":-5,"_100":101,"_102":67,"_103":46,"_104":-5,"_105":-5,"_106":49,"_107":108,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":114,"_115":114,"_116":117,"_118":117,"_119":117,"_120":114,"_121":114,"_122":188,"_124":189,"_126":190,"_128":55},[175,177,178],"files",[175,176,177,178],"counts",{"_166":49,"_167":78,"_168":49,"_32":169,"_170":171},[164],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":59,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_18":163},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":165},[19,36],"pulls","branches","forks",{"_172":49,"_174":49},"connections",{"_172":49,"_173":49},"count","unfilledCount","emptyCount",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":44,"_45":46,"_47":83,"_17":49,"_50":60,"_52":-5,"_54":55,"_56":-5,"_72":185,"_18":186},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":87,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_72":183,"_18":184},{"_34":75,"_13":76,"_37":77,"_39":-5,"_41":42,"_43":78,"_45":46,"_47":79,"_17":49,"_50":24,"_52":80,"_54":55,"_56":-5,"_72":181,"_18":182},{"_34":65,"_13":66,"_37":67,"_39":-5,"_41":42,"_43":68,"_45":46,"_47":69,"_17":49,"_50":70,"_52":71,"_54":55,"_56":-5,"_72":179,"_18":180},[],[66],[],[76],[],[19,36],[176],[19],["D",1741724442493],{"_11":12,"_143":139},{"_11":12,"_137":-5,"_138":139,"_100":101,"_140":141,"_142":55},{"_17":68,"_13":16,"_34":42,"_129":90,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_122":-5,"_160":224,"_225":226,"_227":228,"_229":55,"_230":55,"_231":55,"_232":46,"_233":-5,"_234":-7,"_235":-7,"_236":49,"_237":55,"_238":55,"_239":-5,"_240":55,"_241":55,"_242":55,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":16,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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"]