He said he's bringing her love… ❤️

\n\n\n\n\n`,{headers:{\"content-type\":\"text/html\"}});\n} ctx.beginPath();\n ctx.arc(x,y-40,15,0,Math.PI*2);\n ctx.stroke();\n\n // body\n ctx.beginPath();\n ctx.moveTo(x,y-25);\n ctx.lineTo(x,y+25);\n ctx.stroke();\n\n // legs\n ctx.beginPath();\n ctx.moveTo(x,y+25);\n ctx.lineTo(x-15,y+50);\n ctx.moveTo(x,y+25);\n ctx.lineTo(x+15,y+50);\n ctx.stroke();\n\n // arms\n ctx.beginPath();\n ctx.moveTo(x,y-5);\n ctx.lineTo(x-20,y+10);\n ctx.moveTo(x,y-5);\n ctx.lineTo(x+20,y+10);\n ctx.stroke();\n\n // heart\n if(holdingHeart){\n ctx.fillStyle=\"red\";\n ctx.beginPath();\n ctx.moveTo(x+25,y-10);\n ctx.bezierCurveTo(x+25,y-25,x+50,y-25,x+50,y-10);\n ctx.bezierCurveTo(x+50,y+10,x+25,y+20,x+25,y+30);\n ctx.bezierCurveTo(x+25,y+20,x,y+10,x,y-10);\n ctx.bezierCurveTo(x,y-25,x+25,y-25,x+25,y-10);\n ctx.fill();\n }\n}\n\nfunction drawPothole(){\n ctx.fillStyle=\"black\";\n ctx.beginPath();\n ctx.ellipse(potholeX, manY+55, 60, 20, 0, 0, Math.PI*2);\n ctx.fill();\n}\n\nfunction updateText(){\n const t = document.getElementById(\"text\");\n if(messageStage===0) t.innerText=\"He said he’s bringing her love…\";\n if(messageStage===1) t.innerText=\"…but she said she wants it NOW 😡\";\n if(messageStage===2) t.innerText=\"Life added a small problem 🌚\";\n if(messageStage===3) t.innerText=\"When you rush love without watching road 😂\";\n if(messageStage===4) t.innerText=\"Prime still delivered the love ❤️\";\n}\n\nfunction animate(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n\n drawPothole();\n\n // man movement\n manX += 4;\n\n // jump over pothole\n if(manX > potholeX-40 && manX < potholeX+40){\n manY = canvas.height - 220;\n messageStage = 2;\n } else {\n manY = canvas.height - 150;\n }\n\n // lady movement\n if(!ladyFell){\n ladyX += 4;\n }\n\n // lady falls\n if(ladyX > potholeX-20 && ladyX < potholeX+20 && !ladyFell){\n ladyFell = true;\n messageStage = 3;\n }\n\n // draw characters\n drawStickman(manX, manY, true);\n if(ladyFell){\n drawStickman(ladyX, canvas.height - 100, false);\n } else {\n drawStickman(ladyX, ladyY, false);\n }\n\n // stages\n if(manX > 100) messageStage = 1;\n if(manX > canvas.width - 200) messageStage = 4;\n\n updateText();\n\n // reset loop\n if(manX > canvas.width + 100){\n manX = -100;\n ladyX = -220;\n ladyFell = false;\n messageStage = 0;\n }\n\n requestAnimationFrame(animate);\n}\n\nanimate();\n\n\n\n ctx.strokeStyle=color;\n ctx.lineWidth=3;\n\n // head\n ctx.beginPath();\n ctx.arc(0,-20,10,0,Math.PI*2);\n ctx.stroke();\n\n // body\n ctx.beginPath();\n ctx.moveTo(0,-10);\n ctx.lineTo(0,20);\n\n // legs\n ctx.moveTo(0,20);\n ctx.lineTo(-12*Math.sin(step),40);\n ctx.moveTo(0,20);\n ctx.lineTo(12*Math.cos(step),40);\n\n // arms\n ctx.moveTo(0,5);\n ctx.lineTo(-15*Math.cos(step),-5);\n ctx.moveTo(0,5);\n ctx.lineTo(15*Math.sin(step),-5);\n ctx.stroke();\n\n ctx.restore();\n}\n\nfunction drawPothole(){\n ctx.fillStyle=\"#5c4033\";\n ctx.beginPath();\n ctx.ellipse(hole.x+hole.w/2,hole.y+hole.h/2,hole.w/2,hole.h/2,0,0,Math.PI*2);\n ctx.fill();\n}\n\nfunction loop(){\n ctx.clearRect(0,0,canvas.width,canvas.height);\n time++;\n\n updateCaption(time);\n\n // ground\n ctx.fillStyle=\"#d8f3dc\";\n ctx.fillRect(0,canvas.height/2+60,canvas.width,120);\n\n drawPothole();\n\n // MAN movement\n man.x += 3.5;\n man.step += 0.25;\n\n // Jump over pothole\n let manY = man.y;\n if(man.x > hole.x-40 && man.x < hole.x+80){\n manY = man.y - 35; // jump\n }\n\n drawRunner(man.x, manY, man.step, \"blue\");\n drawHeart(man.x+18, manY);\n\n // LADY movement\n if(!lady.fallen){\n lady.x += 3;\n lady.step += 0.25;\n\n if(lady.x > hole.x && lady.x < hole.x+hole.w){\n lady.fallen = true;\n }\n\n drawRunner(lady.x, lady.y, lady.step, \"red\");\n } else {\n lady.tilt += 0.05;\n lady.y += 4;\n drawRunner(lady.x, lady.y, lady.step, \"red\", lady.tilt);\n }\n\n // Reset scene\n if(man.x > canvas.width+60){\n man.x = -60;\n lady.x = -120;\n lady.y = canvas.height/2;\n lady.fallen=false;\n lady.tilt=0;\n time=0;\n }\n\n requestAnimationFrame(loop);\n}\n\nloop();\n\n\n\n`,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","label",[64],"pulls","branches","forks","envVars",{"_199":20,"_201":20},"connections",{"_199":20,"_200":20},"count","unfilledCount","emptyCount",{"_33":184,"_13":64,"_62":63,"_43":-5,"_35":36,"_185":109,"_186":178,"_37":203,"_39":102,"_65":78,"_188":189,"_67":24,"_190":-5,"_204":205,"_160":206},["D",1770015988475],"children",[],[64],["D",1770015529015],{"_11":12,"_159":70},{"_11":12,"_155":-5,"_69":70,"_25":68,"_156":157,"_158":24},{"_39":109,"_13":16,"_33":36,"_147":114,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":14,"_154":12},"ctx",{"_51":-5,"_180":244,"_245":246,"_247":248,"_249":24,"_250":24,"_251":24,"_252":178,"_253":-5,"_254":-7,"_255":-7,"_256":20,"_257":24,"_258":24,"_259":-5,"_260":24,"_261":24,"_262":24,"_263":-5},"ENV",{"_215":216,"_217":218,"_219":16,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243},"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"]

History