Supra Stack · Carbs against gravity

1. Tap to stack. Press Space or tap the game to drop the moving khachapuri. Only the part overlapping your tower survives. Miss completely and the feast is over.

2. Find the sweet spot. Centered drops keep the full width and build a scoring streak. Every third perfect drop restores a little dough.

3. Add a little magic. 1 Slow bake slows movement for 6 seconds. 2 Cheese glue centers your next drop. 3 Bebo’s blessing protects your next miss. Activate it before dropping.

Fresh refills. Start each run with one of each power-up. Every 5 layers awards one refill, cycling through all three. Maximum 3 charges per power-up.

Take a breather. Press P or Esc to pause. Switching tabs pauses automatically.

The Daily Bake. A new seeded challenge each day at midnight in Tbilisi. Reach 25 layers to win. All runs use the same starting recipe that day.

Your scores, 12 achievements, and pastry unlocks are saved on this browser. Friend challenges are shared by link, not a global leaderboard.

';\n }else if(kind==='achievements'){\n $('dialog-title').textContent='Your recipe book.';const intro=document.createElement('p');intro.className='dialog-intro';intro.textContent=`${profile.earned.length} of 12 recipes mastered. Saved on this browser.`;content.append(intro);const list=document.createElement('div');list.className='achievement-list';for(const a of achievementDefs){const earned=profile.earned.includes(a[0]);const row=document.createElement('div');row.className='achievement-row'+(earned?' earned':'');row.innerHTML=`${a[5]}

${a[1]}${a[2]}${Math.min(profile[a[3]],a[4])} / ${a[4]}

${earned?'✓':'·'}`;list.append(row);}content.append(list);\n }else if(kind==='bakery'){\n $('dialog-title').textContent='The pastry counter.';const intro=document.createElement('p');intro.className='dialog-intro';intro.textContent='Earn your toppings. All pastries play the same, just a little more deliciously.';content.append(intro);const grid=document.createElement('div');grid.className='bakery-grid';for(const s of skins){const b=document.createElement('button');b.className='skin-card'+(profile.skin===s.id?' selected':'');b.disabled=!s.ok();b.setAttribute('aria-pressed',String(profile.skin===s.id));const c=document.createElement('canvas');c.width=220;c.height=90;b.append(c);const name=document.createElement('strong');name.textContent=s.name;b.append(name);const hint=document.createElement('small');hint.textContent=profile.skin===s.id?'On your plate ✓':s.ok()?'Choose this pastry':s.hint;b.append(hint);b.addEventListener('click',()=>{profile.skin=s.id;save();drawPreview();openDialog('bakery');});grid.append(b);bread(c.getContext('2d'),110,39,180,s.id);}content.append(grid);\n }\n if(kind==='achievements'){const counter=document.createElement('button');counter.className='text-button';counter.textContent='Visit the pastry counter ↗';counter.addEventListener('click',()=>openDialog('bakery'));content.append(counter);}\n if(!$('info-dialog').open)$('info-dialog').showModal();\n}\nasync function share(){\n const url=new URL(location.href);url.search='';url.hash='';url.searchParams.set('challenge',String(game.score));url.searchParams.set('layers',String(game.count));url.searchParams.set('mode',mode);if(mode==='daily')url.searchParams.set('day',game.day);\n const text=`I stacked ${game.count} khachapuri for ${game.score} points in Supra Stack. Carbs against gravity. Can you beat my feast?`;\n try{if(navigator.share){await navigator.share({title:'Supra Stack',text,url:url.href});return;}}catch(err){if(err.name==='AbortError')return;}\n try{if(!navigator.clipboard)throw new Error('Clipboard unavailable');await navigator.clipboard.writeText(text+'\\n'+url.href);notify('Challenge copied','Send it to your hungriest friend.','↗');}\n catch{$('dialog-title').textContent='Pass the bread.';const p=document.createElement('p');p.className='dialog-intro';p.textContent='Copy this link and send it to a friend.';const input=document.createElement('input');input.className='share-field';input.readOnly=true;input.value=url.href;input.setAttribute('aria-label','Friend challenge link');$('dialog-content').replaceChildren(p,input);if(!$('info-dialog').open)$('info-dialog').showModal();input.focus();input.select();}\n}\nfunction step(dt){\n clock+=dt;\n if(game.state==='playing'){\n const top=game.stack.at(-1);const desired=Math.max(0,390-top.y);camera+=(desired-camera)*(1-Math.exp(-dt*8));\n if(game.slow>0){const before=Math.ceil(game.slow);game.slow=Math.max(0,game.slow-dt);if(Math.ceil(game.slow)!==before)updatePowers();}\n const m=game.moving;\n if(m&&game.phase==='moving'){m.x+=m.dir*m.speed*dt*(game.slow>0?.38:1);const lo=m.w/2+16,hi=W-m.w/2-16;if(m.x>hi){m.x=hi-(m.x-hi);m.dir=-1;}else if(m.x=m.target){m.y=m.target;land();}}\n }else if(game.state==='ending'){const m=game.moving;if(m){m.vy+=1500*dt;m.y+=m.vy*dt;m.x+=m.dir*40*dt;}game.endDelay-=dt;if(game.endDelay<=0)finish();}\n if(game.state!=='paused'){for(const p of particles){p.x+=p.vx*dt;p.y+=p.vy*dt;p.vy+=420*dt;p.life-=dt;}particles=particles.filter(p=>p.life>0);for(const f of floaters){f.y-=26*dt;f.life-=dt;}floaters=floaters.filter(f=>f.life>0);shake=Math.max(0,shake-dt*18);}\n}\nfunction render(){\n const scale=canvas.width/W;ctx.setTransform(scale,0,0,scale,0,0);ctx.clearRect(0,0,W,H);const scene=game.count>=20?2:game.count>=10?1:0;\n backdrop(ctx,clock,camera,scene,reduced);table(ctx,camera);\n ctx.save();if(shake&&!reduced)ctx.translate(Math.sin(clock*70)*shake,Math.cos(clock*91)*shake*.35);\n if(game.state==='menu'){\n bread(ctx,240,525,218,profile.skin);bread(ctx,247,498,209,profile.skin,.015);bread(ctx,239,471,204,profile.skin,-.02);steam(ctx,240,450,clock,reduced);\n }else{\n for(const b of game.stack){const y=b.y+camera;if(y<-60||y>H+40)continue;const bounce=reduced?0:Math.max(0,1-(clock-(b.landed||0))*6);bread(ctx,b.x,y+Math.sin(bounce*8)*bounce*2,b.w,profile.skin);}\n const m=game.moving;\n if(m){const top=game.stack.at(-1);if(game.phase==='moving'&&game.state==='playing'){\n ctx.save();ctx.setLineDash([3,7]);ctx.strokeStyle=scene===2?'#f4e7a936':'#57755430';ctx.lineWidth=1;ctx.beginPath();ctx.moveTo(top.x,m.y+camera+23);ctx.lineTo(top.x,top.y+camera-26);ctx.stroke();ctx.restore();\n const good=Math.abs(m.x-top.x)<=Math.max(5,8-game.count*.12);bread(ctx,game.glue?top.x:m.x,m.target+camera,m.w,profile.skin,0,good?.2:.08);\n if(good||game.glue){ctx.save();ctx.strokeStyle='#d9ba61';ctx.lineWidth=1.4;ctx.setLineDash([3,3]);ctx.beginPath();ctx.ellipse(top.x,m.target+camera,top.w*.48,18,0,0,Math.PI*2);ctx.stroke();ctx.restore();}\n }\n bread(ctx,m.x,m.y+camera,m.w,profile.skin,game.phase==='miss'?m.dir*(clock%1)*.3:0);if(game.phase==='moving')steam(ctx,m.x,m.y+camera,clock,reduced);\n if(game.slow>0){sparkle(ctx,m.x-m.w/2-10,m.y+camera,6,'#709d8f');sparkle(ctx,m.x+m.w/2+10,m.y+camera,5,'#709d8f');}\n }\n if(game.rescue){const top=game.stack.at(-1);ctx.save();ctx.strokeStyle='#e4ba8890';ctx.lineWidth=2;ctx.setLineDash([4,6]);ctx.beginPath();ctx.ellipse(top.x,top.y+camera,top.w/2+12,28,0,0,Math.PI*2);ctx.stroke();ctx.restore();}\n }\n for(const p of particles){ctx.globalAlpha=clamp(p.life*1.4,0,1);sparkle(ctx,p.x,p.y+camera,p.r,p.color);}ctx.globalAlpha=1;\n for(const f of floaters){ctx.globalAlpha=clamp(f.life*2,0,1);ctx.font='bold 12px Trebuchet MS, sans-serif';ctx.textAlign='center';ctx.fillStyle=f.color;ctx.fillText(f.text,clamp(f.x,110,W-110),f.y+camera);}ctx.globalAlpha=1;ctx.restore();\n}\nfunction resize(){const ratio=Math.min(devicePixelRatio||1,2);canvas.width=Math.round(W*ratio);canvas.height=Math.round(H*ratio);render();}\nfunction frame(now){const dt=last?Math.min((now-last)/1000,.04):0;last=now;step(dt);render();requestAnimationFrame(frame);}\n$('start-button').addEventListener('click',start);$('again-button').addEventListener('click',start);$('restart-button').addEventListener('click',start);$('resume-button').addEventListener('click',resume);$('pause-button').addEventListener('click',pause);$('menu-button').addEventListener('click',menu);$('share-button').addEventListener('click',share);\n$('mobile-drop').addEventListener('click',()=>{drop();canvas.focus({preventScroll:true});});canvas.addEventListener('pointerdown',(e)=>{if(e.button!==0)return;drop();canvas.focus({preventScroll:true});});\n$('sound-button').addEventListener('click',()=>{profile.sound=!profile.sound;save();updateSound();if(profile.sound)tone('perfect');});\nfor(const b of document.querySelectorAll('[data-power]'))b.addEventListener('click',()=>usePower(b.dataset.power));\nfor(const b of document.querySelectorAll('[data-dialog]'))b.addEventListener('click',()=>openDialog(b.dataset.dialog));\nfor(const b of document.querySelectorAll('[data-mode]'))b.addEventListener('click',()=>{mode=b.dataset.mode;updateMode();});\n$('close-dialog').addEventListener('click',()=>$('info-dialog').close());$('info-dialog').addEventListener('click',e=>{if(e.target===$('info-dialog')){const r=$('info-dialog').getBoundingClientRect();if(e.clientXr.right||e.clientYr.bottom)$('info-dialog').close();}});\ndocument.addEventListener('keydown',e=>{if($('info-dialog').open||e.repeat||e.target instanceof HTMLInputElement)return;\n if(e.code==='Space'){if(e.target instanceof HTMLElement&&e.target.closest('button'))return;e.preventDefault();if(game.state==='playing')drop();else if(game.state==='menu'||game.state==='over')start();else if(game.state==='paused')resume();}\n else if(e.code==='KeyP'||e.code==='Escape'){e.preventDefault();game.state==='paused'?resume():pause();}\n else if(['Digit1','Digit2','Digit3','Numpad1','Numpad2','Numpad3'].includes(e.code)){e.preventDefault();usePower(['slow','glue','rescue'][Number(e.code.slice(-1))-1]);}\n});\ndocument.addEventListener('visibilitychange',()=>{if(document.hidden)pause();last=performance.now();});window.addEventListener('resize',resize);\nconst params=new URLSearchParams(location.search),target=Number(params.get('challenge'));\nif(params.has('challenge')&&Number.isFinite(target)&&target>=0&&target<1e8){$('challenge-hint').hidden=false;$('challenge-hint').textContent=`Your friend’s feast: ${Math.floor(target).toLocaleString()} points. Beat that?`;if(params.get('mode')==='daily'&¶ms.get('day')===localDay())mode='daily';}\nupdateSound();drawPreview();refreshProgress();menu();resize();requestAnimationFrame(frame);\nif(!storageOK)notify('A little heads-up','Scores and unlocks last only this visit. Browser storage is unavailable.','ⓘ');\n",[145],"cc991861-b262-48dd-ace1-e1bdc1ee922f","renderer.js","ee7acb1a-ab80-11f1-87e1-1607ee4eb77e",4,["D",1788870567017],"// Original procedural artwork. No image downloads or third-party game runtime.\nexport const W = 480, H = 640;\nconst TAU = Math.PI * 2;\nfunction ellipse(c,x,y,rx,ry,color){c.fillStyle=color;c.beginPath();c.ellipse(x,y,rx,ry,0,0,TAU);c.fill();}\nfunction path(c,points,color){c.fillStyle=color;c.beginPath();for(let i=0;i680)return;c.save();c.fillStyle='#e6dab8';c.fillRect(0,y,W,H-y);c.fillStyle='#f1e7cd';c.fillRect(0,y,W,9);c.fillStyle='#d2c3a0';c.fillRect(0,y+9,W,2);\n c.strokeStyle='#c9be9a45';c.lineWidth=1;for(let i=0;i<5;i++){c.beginPath();c.moveTo(0,y+29+i*15);c.bezierCurveTo(120,y+24+i*15,320,y+34+i*15,W,y+28+i*15);c.stroke();}\n // Linen runner and ceramic serving plate.\n path(c,[[92,y+10],[352,y+10],[381,H],[83,H]],'#f7edce88');c.strokeStyle='#c298773a';for(let x=93;x<380;x+=13){c.beginPath();c.moveTo(x,y+12);c.lineTo(x+10,H);c.stroke();}ellipse(c,240,y+3,153,17,'#5d624725');ellipse(c,240,y,149,15,'#f5edd8');ellipse(c,240,y-3,134,10,'#d9dfcb');ellipse(c,240,y-4,118,6,'#e9eedb');\n c.strokeStyle='#8da18b';c.lineWidth=1.5;c.beginPath();c.ellipse(240,y-1,143,12,0,0,TAU);c.stroke();c.restore();\n}\nexport function sparkle(c,x,y,r,color){c.save();c.translate(x,y);c.fillStyle=color;c.beginPath();c.moveTo(0,-r);c.quadraticCurveTo(r*.2,-r*.2,r,0);c.quadraticCurveTo(r*.2,r*.2,0,r);c.quadraticCurveTo(-r*.2,r*.2,-r,0);c.quadraticCurveTo(-r*.2,-r*.2,0,-r);c.fill();c.restore();}\nexport function steam(c,x,y,time,reduced=false){if(reduced)return;c.save();c.strokeStyle='#fffbe2';c.lineWidth=1.6;for(let i=0;i<3;i++){let k=(time*.35+i*.31)%1;c.globalAlpha=(1-k)*.24;c.beginPath();c.moveTo(x-32+i*32,y-22-k*20);c.bezierCurveTo(x-45+i*32,y-35-k*20,x-20+i*32,y-46-k*20,x-33+i*32,y-62-k*20);c.stroke();}c.restore();}\n",[154],"c08b2dc9-0657-4c96-bc47-220b09c258b5","main.tsx",["D",1788867086063],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[161],"bee8d1fe-995e-4410-976a-2f0a5b6eea20","index.html","01a080c9-8793-71ca-822a-7049a8092bc4",["D",1788869993039],"\n\n\n\n\n\n\n\n\nSupra Stack · Carbs against gravity\n\n\n\n\n\n\n\n

\n\n

SCORE

● OLD TOWN · GOLDEN HOUR

◉ 0 stacked

\n\n\n

FRESH OUT OF THE OVEN

Let’s get
this bread.

Tap. Stack. Try not to snack.

Endless stacks. Deliciously bad decisions.

TAP TO DROP · SPACE ON DESKTOP

\n\n\n

GOOD THINGS COME IN STACKS

\n\n\n\n

NO DOWNLOADS. JUST DOUGH.● FRESHLY BAKED

\n\n\n

\n\n

\n\n\n\n\n\n",[167],"b366c797-51e1-4984-aa8c-e92ee6c2c4e1",["D",1788870919032],[28],"34c78a4b-d49a-406e-8808-4be755f616c6","README.md","01a080c9-8792-778b-9a2a-c5ef0f45e488",["D",1788867086063],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[176],"pulls","branches",3,"forks","envVars",{"_189":62,"_191":62},"connections",{"_189":62,"_190":62},"count","unfilledCount","emptyCount",{"_42":175,"_32":176,"_30":177,"_136":-5,"_40":41,"_39":149,"_138":25,"_37":218,"_13":62,"_33":20,"_34":179,"_24":25,"_142":-5,"_200":219,"_27":220},{"_42":172,"_32":28,"_30":31,"_136":-5,"_40":41,"_39":14,"_138":58,"_37":215,"_13":149,"_33":20,"_34":36,"_24":25,"_142":-5,"_200":216,"_27":217},{"_42":166,"_32":167,"_30":168,"_136":-5,"_40":41,"_39":140,"_138":25,"_37":212,"_13":149,"_33":20,"_34":170,"_24":25,"_142":-5,"_200":213,"_27":214},{"_42":160,"_32":161,"_30":56,"_136":-5,"_40":41,"_39":149,"_138":25,"_37":209,"_13":62,"_33":163,"_34":164,"_24":25,"_142":-5,"_200":210,"_27":211},{"_42":153,"_32":154,"_30":155,"_136":-5,"_40":41,"_39":156,"_138":25,"_37":206,"_13":62,"_33":150,"_34":158,"_24":25,"_142":-5,"_200":207,"_27":208},{"_42":144,"_32":145,"_30":146,"_136":-5,"_40":41,"_39":147,"_138":25,"_37":203,"_13":149,"_33":150,"_34":151,"_24":25,"_142":-5,"_200":204,"_27":205},{"_42":133,"_32":134,"_30":135,"_136":-5,"_40":41,"_39":137,"_138":58,"_37":199,"_13":140,"_33":20,"_34":141,"_24":25,"_142":-5,"_200":201,"_27":202},["D",1788870911707],"children",[],[134],["D",1788870894774],[],[145],["D",1788870567017],[],[154],["D",1788867086063],[],[161],["D",1788869993039],[],[167],["D",1788870919032],[],[28],["D",1788867086063],[],[176],["D",1788867086063],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_123":258,"_259":260,"_261":262,"_263":25,"_264":25,"_265":25,"_266":58,"_267":-5,"_268":-7,"_269":-7,"_270":62,"_271":25,"_272":25,"_273":-5,"_274":25,"_275":25,"_276":25,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":86,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"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"]

Let’s get
this bread.

A little
breather.

A beautiful
breadfall.

The recipe

Let’s getthis bread.

A littlebreather.

A beautifulbreadfall.

Let’s get
this bread.

A little
breather.

A beautiful
breadfall.

Diff · v7