Ahhhhhhhh My Face Is Bouncing

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_171":172,"_173":174},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_77":-7,"_95":-5,"_19":96,"_97":98,"_99":100,"_101":102,"_103":104,"_21":105,"_106":-5,"_107":-5,"_108":24,"_109":110,"_111":24,"_112":-5,"_113":-5,"_114":115},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","shouser","name","tank-1741717761388","branchName","main","path","tank.html","project",{"_36":37,"_13":14,"_38":39,"_40":-5,"_41":24,"_42":43,"_44":43,"_45":46,"_47":-5,"_30":48,"_49":-5,"_50":51,"_52":-5,"_53":-5,"_54":26,"_55":56,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":62,"_63":62,"_64":65,"_66":65,"_67":65,"_68":62,"_69":62,"_70":71,"_72":73,"_74":75,"_76":24},"file",{"_31":32,"_13":18,"_33":21,"_34":24,"_35":-5},"isDirectory",false,"page",0,"history",[],"hasNext","userId","fileId","c3b2d55e-fea6-11ef-8d42-569c3dd06744","fileType","deleted","deletedAtVersion","id","c03d7f8c-fea6-11ef-ba99-569c3dd06744","createdAt",["D",1741717761503],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Imported from GitHub: sophiehouser/tank","imageUrl","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","pinPreview",true,"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,"_94":90},"org",{"_11":12,"_88":-5,"_89":90,"_30":48,"_91":92,"_93":24},"branch",{"_77":78,"_13":16,"_36":79,"_80":37,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":-5,"_86":14,"_87":12},"isOwned","version",3,"c03dc64a-fea6-11ef-ba99-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":37,"_13":14,"_38":167,"_40":-5,"_41":24,"_42":43,"_44":43,"_45":46,"_47":-5,"_30":48,"_49":-5,"_50":51,"_52":-5,"_53":-5,"_54":26,"_55":56,"_57":-5,"_58":-5,"_59":-5,"_60":-5,"_61":62,"_63":62,"_64":65,"_66":65,"_67":65,"_68":62,"_69":62,"_70":168,"_72":169,"_74":170,"_76":24},"tree",[137,139,140],"files",[137,138,139,140],"counts",{"_126":26,"_127":128,"_129":26,"_130":131,"_132":133},"contents",[],{"_36":116,"_13":18,"_31":32,"_117":-5,"_118":79,"_119":78,"_120":51,"_38":121,"_77":26,"_33":21,"_122":123,"_34":24,"_124":-5,"_17":125},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"c3b2d4be-fea6-11ef-8d42-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1741717767304],"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","label",[18],"pulls","branches",1,"forks","envVars",{"_134":26,"_136":26},"connections",{"_134":26,"_135":26},"count","unfilledCount","emptyCount",{"_36":162,"_13":161,"_31":155,"_117":-5,"_118":79,"_119":156,"_120":51,"_38":163,"_77":26,"_33":164,"_122":-5,"_34":24,"_124":-5,"_142":165,"_17":166},{"_36":152,"_13":153,"_31":154,"_117":155,"_118":79,"_119":156,"_120":51,"_38":157,"_77":26,"_33":21,"_122":158,"_34":24,"_124":-5,"_142":159,"_17":160},{"_36":145,"_13":146,"_31":147,"_117":-5,"_118":79,"_119":128,"_120":51,"_38":148,"_77":26,"_33":21,"_122":149,"_34":24,"_124":-5,"_142":150,"_17":151},{"_36":116,"_13":18,"_31":32,"_117":-5,"_118":79,"_119":78,"_120":51,"_38":141,"_77":26,"_33":21,"_122":123,"_34":24,"_124":-5,"_142":143,"_17":144},["D",1741717767304],"children",[],[18],"c1cf35d4-fea6-11ef-b3db-569c3dd06744","README.md","c1cf367e-fea6-11ef-b3db-569c3dd06744",["D",1741717764135],"# Tank\n\nI wanted to visualize pushing my computer to its limits!\n",[],[146],"c3ac9d4c-fea6-11ef-8f6c-569c3dd06744","tank.js","c3ac9e00-fea6-11ef-8f6c-569c3dd06744","e2f000f7-a968-4c8d-80c6-643e1acc66b3",2,["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",[],[161,153],"scripts","c3aca6b6-fea6-11ef-8f6c-569c3dd06744",["D",1741717767260],"directory",[138],[161],["D",1741717761503],{"_11":12,"_94":90},{"_11":12,"_88":-5,"_89":90,"_30":48,"_91":92,"_93":24},{"_77":78,"_13":16,"_36":79,"_80":37,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":-5,"_86":14,"_87":12},"ctx",{"_70":-5,"_113":204,"_205":206,"_207":208,"_209":24,"_210":24,"_211":24,"_212":51,"_213":-5,"_214":-7,"_215":-7,"_216":26,"_217":24,"_218":24,"_219":-5,"_220":24,"_221":24,"_222":24,"_223":-5},"ENV",{"_175":176,"_177":178,"_179":16,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203},"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"]

History · tank.html