TURNCRAFT/index.html
type-two caac3da930 First-five-minutes pass: heartbeat, spark beacons, flythrough, mining juice, og tags
The systems were all there but the opening experience sagged: a new player
spawned into a dark, silent booth with no idea they're tiny or that
anything is broken. Five fixes, all verified live:

- The dying booth has a HEARTBEAT: a slow muffled lub-dub (~55bpm sine
  thumps, lowpassed, positional from inside the mixer) while zero repairs
  are done. First repair silences it with real music; a reset revives it.
- Broken quest nodes SPARK: intermittent blue-white electric crackles at
  each unrepaired fixture (FxSystem.setBeacons, anchored from QUEST_POS) -
  diegetic breadcrumbs visible across the booth.
- First-visit FLYTHROUGH: 9 skippable seconds - wide booth reveal, sweep
  over the mixer, dive to spawn - riding the existing cine override.
  Teaches 'you are tiny in a DJ booth' better than any text.
- Mining JUICE: new 'block:mining' bus event (~8Hz while held) drives
  grey chip particles + rising-pitch ticks; throttle resets per target.
- og/twitter meta tags + public/preview.jpg so sharing the link unfurls
  with the hero shot.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-20 18:01:37 +10:00

24 lines
1.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TURNCRAFT</title>
<meta name="description" content="You are 7mm tall inside a dead DJ booth. Fix the signal chain, ride the spinning records, bring the mix back to life. Multiplayer voxel weirdness." />
<meta property="og:title" content="TURNCRAFT" />
<meta property="og:description" content="You are 7mm tall inside a dead DJ booth. Fix the signal chain, ride the spinning records, bring the mix back to life." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://partly.party/turncraft/" />
<meta property="og:image" content="https://partly.party/turncraft/preview.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<style>
html, body { margin: 0; height: 100%; overflow: hidden; background: #0a0a0c; }
#app { width: 100%; height: 100%; }
</style>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>