[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_62":143,"_16":-7,"_144":-5,"_17":145,"_146":147,"_29":148,"_21":149,"_23":150,"_151":-5,"_152":153,"_154":155,"_156":37,"_157":158,"_159":40,"_160":-5,"_161":-5,"_162":163},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":27,"_28":-5,"_29":30,"_31":32,"_33":34,"_35":34,"_36":37,"_38":37,"_39":40},"handle","artivilla","name","time_walk","branchName","version","project",{"_41":100,"_13":14,"_52":101,"_78":-5,"_102":37,"_80":81,"_103":81,"_104":-5,"_105":-5,"_106":107,"_108":45,"_109":40,"_110":-5,"_111":-5,"_112":34,"_84":113,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":128,"_129":130,"_131":132,"_79":37},"tags",[],"counts",{"_90":34,"_91":50,"_92":34,"_93":94,"_95":96},"contents",[87],"readme","upstream",{"_41":64,"_52":65,"_66":67,"_13":68,"_69":70,"_16":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":37,"_80":81,"_82":83,"_84":85,"_86":14},"pull","files",[32],"preview",{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":40,"_52":53,"_16":34,"_54":55,"_56":57,"_58":37,"_59":-5,"_60":61,"_62":63},"ahead",0,"behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","ee043d8c-0eac-11f0-9471-569c3dd06744","main.js","fileId","ad27201e-1afb-4eea-a89d-28aceb1cd71f","parentId","branchId","ee027128-0eac-11f0-9471-569c3dd06744","branchVersion",1,"latest","createdAt",["D",1743479633853],"fileType","http","content","import type * as p5 from \"npm:@types/p5\";\n\n// Declare variables for comet particle system\nlet particles = [];\nlet cometPosition;\nlet cometTrail = [];\nlet tailPhase = 0;\nlet colorPhase = 0; // For changing background colors\n// Create a single unified speed variable for all animations\nlet unifiedSpeed = 0.8; // Slow movement speed - this now controls everything\n\nexport function setup() {\n // Create a canvas that fills the entire screen\n createCanvas(windowWidth, windowHeight);\n textAlign(CENTER);\n colorMode(HSB);\n\n // Initialize comet position fixed at the bottom center\n cometPosition = createVector(width / 2, height - height / 5);\n\n // Create initial particles\n for (let i = 0; i < 40; i++) {\n createCometParticle();\n }\n}\n\n// Handle window resizing\nexport function windowResized() {\n resizeCanvas(windowWidth, windowHeight);\n // Adjust comet position after resize\n cometPosition = createVector(width / 2, height - height / 5);\n}\n\nexport function draw() {\n // Create a continuously changing gradient background - simplified version\n colorPhase += 0.005; // Slow color change speed\n\n // Create top and bottom colors that change over time\n let topHue = (sin(colorPhase) * 30 + 210) % 360; // Hue cycles through blues\n let bottomHue = (sin(colorPhase + 1) * 30 + 220) % 360;\n\n // Draw a simple background color first to avoid any gaps\n background(topHue, 75, 80);\n\n // Draw simplified gradient using rect() instead of line-by-line\n noStroke(); // Ensure no stroke is applied to rectangles\n\n // Draw gradient with 10 rectangles (sufficient for smooth appearance but much faster)\n let steps = 10;\n for (let i = 0; i < steps; i++) {\n let inter = i / (steps - 1);\n let y = inter * height;\n let rectHeight = height / steps + 2; // Add extra height to ensure overlap\n\n let currentHue = lerp(topHue, bottomHue, inter);\n fill(currentHue, 75, 80);\n rect(0, y, width, rectHeight); // Slightly overlapping rectangles\n }\n\n // Perspective settings for timestamps\n let vanishingPointY = 0; // Vanishing point is at the top\n let horizon = height * 0.15; // Horizon line position\n let numTimestamps = 25; // More timestamps for smoother effect\n let minSize = 8; // Size at the top (distance)\n let maxSize = 36; // Size at the bottom (foreground)\n\n // Using the unified speed variable\n let totalDistance = height - horizon;\n\n // Draw the timestamps with perspective effect\n for (let i = 0; i < numTimestamps; i++) {\n // Get current time\n let now = new Date();\n let hours = now.getHours().toString().padStart(2, \"0\");\n let minutes = now.getMinutes().toString().padStart(2, \"0\");\n let seconds = now.getSeconds().toString().padStart(2, \"0\");\n let milliseconds = now.getMilliseconds().toString().padStart(3, \"0\");\n let timeString = `${hours}:${minutes}:${seconds}.${milliseconds}`;\n\n // Calculate base position for this timestamp\n let basePos = i * (totalDistance / numTimestamps);\n\n // Apply movement with modulo for looping - using unifiedSpeed\n let yOffset = (frameCount * unifiedSpeed) % totalDistance;\n let y = horizon + ((basePos + yOffset) % totalDistance);\n\n // Calculate size based on position\n let progress = (y - horizon) / totalDistance; // 0 at horizon, 1 at bottom\n let fontSize = minSize + (maxSize - minSize) * progress;\n\n // Fade in as they appear at horizon\n let alpha = 255;\n if (y < horizon + 20) {\n alpha = map(y, horizon, horizon + 20, 0, 255);\n }\n\n // Draw the center timestamp\n textSize(fontSize);\n fill(0, 0, 0, alpha);\n text(timeString, width / 2, y);\n }\n\n // Create perspective walls of timestamps - using unifiedSpeed\n for (let y = horizon; y < height; y += 5) {\n let progress = (y - horizon) / totalDistance;\n let fontSize = (minSize + (maxSize - minSize) * progress) * 0.8;\n\n // Fade in at horizon\n let alpha = 255;\n if (y < horizon + 20) {\n alpha = map(y, horizon, horizon + 20, 0, 255);\n }\n\n // Get time for this row\n let now = new Date();\n let hours = now.getHours().toString().padStart(2, \"0\");\n let minutes = now.getMinutes().toString().padStart(2, \"0\");\n let seconds = now.getSeconds().toString().padStart(2, \"0\");\n let milliseconds = now.getMilliseconds().toString().padStart(3, \"0\");\n\n // Create a central corridor (road) - NARROWER ROAD\n // Changed from 0.1-0.3 to 0.05-0.2 for narrower road so walls are closer\n let roadWidth = map(progress, 0, 1, 0.05, 0.2);\n\n // Only draw timestamps outside the road area\n if (random() < 0.3) { // Control density of timestamps\n // Left side wall - CLOSER TO ROAD\n // Changed to move wall closer to road edge\n let leftSideX = random(width * (0.5 - roadWidth) - width * 0.1, width * (0.5 - roadWidth));\n\n // Calculate angle - mirroring the right wall's angle calculation\n let angleToVanishing = atan2(leftSideX - width / 2, horizon - y);\n let leftAngle = angleToVanishing + PI / 2 + random(-0.1, 0.1);\n\n push();\n translate(leftSideX, y);\n rotate(leftAngle);\n textSize(fontSize * random(0.7, 1.0));\n fill(0, 0, 0, alpha * 0.8);\n text(`${hours}:${minutes}:${seconds}.${Math.floor(random(999))}`, 0, 0);\n pop();\n }\n\n if (random() < 0.3) {\n // Right side wall - CLOSER TO ROAD\n // Changed to move wall closer to road edge\n let rightSideX = random(width * (0.5 + roadWidth), width * (0.5 + roadWidth) + width * 0.1);\n\n // Calculate angle - pointing toward vanishing point but with randomness\n let angleToVanishing = atan2(rightSideX - width / 2, horizon - y);\n let rightAngle = angleToVanishing - PI / 2 + random(-0.1, 0.1);\n\n push();\n translate(rightSideX, y);\n rotate(rightAngle);\n textSize(fontSize * random(0.7, 1.0));\n fill(0, 0, 0, alpha * 0.8);\n text(`${hours}:${minutes}:${seconds}.${Math.floor(random(999))}`, 0, 0);\n pop();\n }\n }\n\n // Add more scattered timestamps throughout the sides - USING UNIFIED SPEED\n for (let i = 0; i < 90; i++) { // Increased from 70 to 90 for more density\n // Use unified speed for all animations\n let yOffset = (frameCount * unifiedSpeed) % totalDistance;\n let baseY = i * (totalDistance / 90); // Distribute timestamps evenly\n // Apply movement to the timestamps on the sides with the same speed\n let y = horizon + ((baseY + yOffset) % totalDistance);\n\n let progress = (y - horizon) / totalDistance;\n\n // NARROWER ROAD\n let roadWidth = map(progress, 0, 1, 0.05, 0.2); // Narrower road\n let fontSize = (minSize + (maxSize - minSize) * progress) * 0.7;\n\n // Get randomized times\n let now = new Date();\n let hours = now.getHours().toString().padStart(2, \"0\");\n let minutes = now.getMinutes().toString().padStart(2, \"0\");\n let seconds = now.getSeconds().toString().padStart(2, \"0\");\n let milliseconds = Math.floor(random(999)).toString().padStart(3, \"0\");\n\n // Alpha based on y-position\n let alpha = 255;\n if (y < horizon + 20) {\n alpha = map(y, horizon, horizon + 20, 0, 255);\n }\n\n // Left side random timestamps - CLOSER TO ROAD\n if (random() < 0.5) {\n // Changed to position timestamps closer to road\n let x = random(width * 0.1, width * (0.5 - roadWidth * 0.5));\n\n // Calculate angle toward vanishing point with more randomness - mirrored from right side\n let angleToVanishing = atan2(x - width / 2, horizon - y);\n let displayAngle = angleToVanishing + PI / 2 + random(-0.3, 0.3);\n\n push();\n translate(x, y);\n rotate(displayAngle);\n textSize(fontSize * random(0.6, 1.0));\n fill(0, 0, 0, alpha * random(0.4, 0.7));\n text(`${hours}:${minutes}:${seconds}.${milliseconds}`, 0, 0);\n pop();\n }\n\n // Right side random timestamps - CLOSER TO ROAD\n if (random() < 0.5) {\n // Changed to position timestamps closer to road\n let x = random(width * (0.5 + roadWidth * 0.5), width * 0.9);\n\n // Calculate angle toward vanishing point with more randomness\n let angleToVanishing = atan2(x - width / 2, horizon - y);\n let displayAngle = angleToVanishing - PI / 2 + random(-0.3, 0.3);\n\n push();\n translate(x, y);\n rotate(displayAngle);\n textSize(fontSize * random(0.6, 1.0));\n fill(0, 0, 0, alpha * random(0.4, 0.7));\n text(`${hours}:${minutes}:${seconds}.${milliseconds}`, 0, 0);\n pop();\n }\n }\n\n // Update comet and trail\n updateComet();\n\n // Draw comet trail first (behind the comet head)\n drawCometTrail();\n\n // Calculate a small bounce for the comet head\n let bounceAmount = sin(frameCount * 0.1) * 3; // Small vertical bounce\n\n // Draw comet head (the bright center) - with slight bounce\n noStroke();\n fill(40, 100, 100); // Orange-yellow color\n ellipse(cometPosition.x, cometPosition.y + bounceAmount, 20, 20);\n\n // Draw glow around comet head\n drawingContext.shadowBlur = 15;\n drawingContext.shadowColor = color(40, 100, 100, 0.8);\n ellipse(cometPosition.x, cometPosition.y + bounceAmount, 16, 16);\n drawingContext.shadowBlur = 0;\n\n // Run the particle system\n updateParticles();\n drawParticles();\n\n // Add new particles\n if (frameCount % 2 === 0) {\n createCometParticle();\n }\n}\n\nfunction updateComet() {\n // Fixed position for comet head (base position, bounce is added when drawing)\n cometPosition.x = width / 2;\n cometPosition.y = height - height / 5;\n\n // Update the tail phase to create sideways movement\n tailPhase += 0.05;\n\n // Calculate bounce for consistency with head\n let bounceAmount = sin(frameCount * 0.1) * 3;\n\n // Generate a trail point starting from the middle of the comet head\n // with smaller oscillation radius\n let trailPoint = createVector(\n cometPosition.x + sin(tailPhase) * 8, // Smaller amplitude for oscillation\n cometPosition.y + bounceAmount, // Start at the center of the head, not below it\n );\n\n // Keep track of trail\n cometTrail.push(trailPoint);\n if (cometTrail.length > 20) {\n cometTrail.shift();\n }\n}\n\nfunction drawCometTrail() {\n noStroke();\n\n // Draw trail with gradient - using smaller circles\n for (let i = 0; i < cometTrail.length; i++) {\n let pos = cometTrail[i];\n let alpha = map(i, 0, cometTrail.length, 0, 200);\n // Use even smaller sizes for the trail\n let size = map(i, 0, cometTrail.length, 1, 5);\n\n fill(40, 100, 100, alpha / 255);\n ellipse(pos.x, pos.y, size, size);\n }\n}\n\nfunction createCometParticle() {\n // Create particles around the current trail point rather than the comet head\n let trailPos = cometTrail.length > 0\n ? cometTrail[cometTrail.length - 1]\n : createVector(cometPosition.x, cometPosition.y); // Start from the center of the head\n\n particles.push(\n new CometParticle(\n trailPos.x + random(-3, 3), // Smaller random spread\n trailPos.y + random(-3, 3), // Smaller random spread\n ),\n );\n}\n\n// Comet particle class\nclass CometParticle {\n constructor(x, y) {\n this.position = createVector(x, y);\n\n // Random velocity with downward bias (away from the top, toward the bottom)\n let angle = random(-PI / 4, PI / 4) + PI / 2; // Mostly downward with some sideways variation\n let speed = random(0.5, 2);\n this.velocity = p5.Vector.fromAngle(angle, speed);\n\n this.acceleration = createVector(0, 0);\n this.size = random(2, 8);\n\n // Colors ranging from yellow to orange to red\n this.color = color(random(15, 45), random(80, 100), 100, 0.7);\n this.lifespan = random(100, 200);\n this.maxLife = this.lifespan;\n }\n\n update() {\n // Add some sideways movement based on the tail phase\n let sideForce = createVector(sin(tailPhase + this.lifespan / 100) * 0.05, 0);\n this.acceleration.add(sideForce);\n\n this.velocity.add(this.acceleration);\n this.velocity.mult(0.98); // Damping\n this.position.add(this.velocity);\n this.lifespan -= 2;\n this.acceleration.mult(0);\n }\n\n display() {\n noStroke();\n\n // Fade out as lifespan decreases\n let alpha = map(this.lifespan, 0, this.maxLife, 0, 255);\n let particleColor = color(\n hue(this.color),\n saturation(this.color),\n brightness(this.color),\n alpha / 255,\n );\n\n fill(particleColor);\n ellipse(this.position.x, this.position.y, this.size, this.size);\n }\n\n isDead() {\n return this.lifespan <= 0;\n }\n}\n\nfunction updateParticles() {\n // Update and remove dead particles\n for (let i = particles.length - 1; i >= 0; i--) {\n particles[i].update();\n if (particles[i].isDead()) {\n particles.splice(i, 1);\n }\n }\n}\n\nfunction drawParticles() {\n // Draw all particles\n for (let particle of particles) {\n particle.display();\n }\n}\n\nimport { sketch } from \"https://esm.town/v/saolsen/p5\";\nexport default sketch(import.meta.url);","deleted","label","children",[],"path",[43],"8bb4a06c-0a66-11f0-9f27-569c3dd06744",["D",1743009599503],"updatedAt",["D",1743188539147],"main","projectId","8bb1b780-0a66-11f0-9f27-569c3dd06744",35,"forkedBranchId","4d08a0e4-0a65-11f0-971d-569c3dd06744","forkedBranchVersion",2,"lockfileKey","1744494117142-esm.town_v_shouser_time_walk@35-main","deletedAt","isOwned","privacy","public","userHandle","shouser","orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","projectName",{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":40,"_52":88,"_16":34,"_54":55,"_56":57,"_58":37,"_59":-5,"_62":89},["D",1743479633853],[43],"pulls","branches","forks","envVars",{"_97":34,"_99":34},"connections",{"_97":34,"_98":34},"count","unfilledCount","emptyCount","edfff83a-0eac-11f0-9471-569c3dd06744",["D",1743479633853],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","d56bd8b2-a31e-4821-93e6-bcbdd41c83ba","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","0d30098c-721f-4d42-b17b-1da1e51d05e7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_142":138},"org",{"_11":12,"_136":-5,"_137":138,"_106":107,"_139":140,"_141":37},"branch",{"_16":50,"_13":68,"_41":48,"_69":100,"_72":64,"_74":71,"_133":81,"_134":70,"_135":85,"_86":14,"_82":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/05b096c6-70cf-4d2b-51e5-6c69c44dbf00/square512?exp=1789563599&sig=51689b3d8ca79caa7fb7681b7eb049351f2077a67391064cbbbbae7a69071f92","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_41":100,"_13":14,"_52":175,"_78":-5,"_102":37,"_80":81,"_103":81,"_104":-5,"_105":-5,"_106":107,"_108":45,"_109":40,"_110":-5,"_111":-5,"_112":34,"_84":113,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_127":176,"_129":177,"_131":178,"_79":37},"tree",[172],[172],{"_90":34,"_91":50,"_92":34,"_93":170,"_95":171},[168],"file","upstreamProject",{"_41":70,"_13":14,"_104":-5,"_105":-5,"_80":81,"_127":166},"upstreamBranch",{"_41":64,"_52":164,"_66":165,"_13":68,"_69":70,"_16":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":37,"_80":81,"_82":83,"_84":85,"_86":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1743009599503],["D",1743188539147],{"_11":83,"_142":167},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9",{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":40,"_52":88,"_16":34,"_54":55,"_56":57,"_58":37,"_59":-5,"_62":169},[43],{"_97":34,"_99":34},{"_97":34,"_98":34},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":40,"_52":53,"_16":34,"_54":55,"_56":57,"_58":37,"_59":-5,"_60":173,"_62":174},[],[43],["D",1743479633853],{"_11":12,"_142":138},{"_11":12,"_136":-5,"_137":138,"_106":107,"_139":140,"_141":37},{"_16":50,"_13":68,"_41":48,"_69":100,"_72":64,"_74":71,"_133":81,"_134":70,"_135":85,"_86":14,"_82":12},"ctx",{"_127":-5,"_161":212,"_213":214,"_215":216,"_217":37,"_218":37,"_219":37,"_220":40,"_221":-5,"_222":-7,"_223":-7,"_224":34,"_225":37,"_226":37,"_227":-5,"_228":37,"_229":37,"_230":37,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":68,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"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"]