Speelgids

Gooi eerst. Begrijp later.

Kies glas, rubber of keramiek. Sleep in de speelvloer om richting en kracht tegelijk te bepalen. Een korte tik gebruikt de huidige standaardworp. De twee lila putten trekken elk object anders aan.

Met touch of muis

1. Kies een materiaal onder de speelvloer.
2. Druk ergens in het veld, sleep in de gewenste richting en laat los.
3. Zet klank aan wanneer je de botsingen wil horen.
4. Kies Neem op, maak een reeks worpen en kies Stop opname. Speel terug herhaalt je partituur.

Met het toetsenbord

• 1, 2, 3: glas, rubber of keramiek.
• ← en →: verander de werprichting.
• ↑ en ↓: verander de worpkracht.
• T of spatie: gooi. R: wis. K: klank. P: replay.

Toegankelijke standen

Met verminderde beweging verschijnen vormen direct in een rustige compositie. Zonder JavaScript of WebGL blijft een beschrijvende SVG-partituur zichtbaar. Alle zelfstandige controls zijn minstens 44 bij 44 pixels en hebben tekstlabels en focusstaten.

Hoe het gebouwd is

Three.js rendert code-native geometrie onder de MIT-licentie. Een compacte eigen solver berekent de tweedimensionale aantrekking en botsing op een driedimensionaal podium. WebAudio maakt lokaal korte tonen na jouw expliciete actie. Er worden geen modellen, textures, video of trackers geladen.

Reproduceerbare Cloudflare Pages-release

De site is een Direct Upload-project. Voer de stappen uit vanuit de repo-root, zonder tokens of andere credentials in bestanden te bewaren.

1. Installeer exact uit de lockfile en bouw: npm ci, daarna npm run build.
2. Controleer Wrangler 4 en de actieve sessie met npx wrangler --version ennpx wrangler whoami. Alleen wanneer de sessie ontbreekt: npx wrangler login.
3. Controleer eerst npx wrangler pages project list --json. Maak het project uitsluitend wanneer het ontbreekt: npx wrangler pages project create gravity-instrument --production-branch master.
4. Deploy de gebouwde map op de productiebranch:npx wrangler pages deploy dist --project-name gravity-instrument --branch master. Voeg in CI of een release-shell ook de huidige commit hash, commit message en een correcte--commit-dirty-waarde toe.
5. Draai live QA met QA_BASE_URL=https://gravity-instrument.pages.dev npm run qa:live enQA_BASE_URL=https://gravity-instrument.pages.dev npm run qa:lighthouse. Controleer alle routes, branded 404, interacties, console, normale/reduced motion, no-JS en audio na gesture.
6. Schrijf URL, deployment-ID en resultaten in INDEX.md/README.md, commit de documentatie en deploy de finale commit opnieuw met dezelfde productiebranch.