Zo is TTV Vlinderslag gebouwd

Een tafeltennisvereniging waar de site zelf de tafel is: groen kleed, witte middenlijn, een net onder de hero, en één celluloid bal die nooit ophoudt met stuiteren.

De bal

• Physics in 60 regels: zwaartekracht, snelheid en restitutie van 0,88 per stuit, geïntegreerd in een rAF-loop met delta-tijd. De bal botst op alle viewportranden.
• Nooit game-over: valt de bal stil, dan krijgt hij automatisch een nieuwe opslag met willekeurige richting. De rally op de site duurt eeuwig, net als in de kantine de discussie over die ene netbal.
• De cursor is het batje: komt de muis snel genoeg langs de bal, dan telt de mep. De uitgaande snelheid combineert de richting vanaf het raakpunt met de cursorsnelheid, plus een vleugje willekeurige spin op het naadje van de bal.
• Het pok-geluid: een driehoeksgolf van 900 naar 180 Hz door een bandpass, 80 milliseconden. Meppen klinkt harder dan stuiten.
• Bij prefers-reduced-motion ligt de bal stil in de hoek en is de site een gewone, rustige verenigingssite.

Het ontwerp

• De pagina als tafel-bovenaanzicht: tafelgroen #156048, een doorlopende witte middenlijn, celluloid-oranje #FF7A1A als enige warme kleur.
• Type: Graduate als collegiate clubletter, Chivo en Chivo Mono voor tekst en scorebord.
• De competitiestand is een echt scorebord: donkergroen paneel, mono-cijfers, en het eigen team in het oranje.

Credit

Site 12 van 25 in de Vormula demo-reeks, thema sport en welzijn. Concept, code en copy: Claude (Fable 5), in opdracht van Vormula Studio.