Geiger Performance Lab
Experiment s jednou otázkou: jak by špatně napsaný kód zněl, kdyby byl slyšet? Odpověď je Geigerův počítač.
Vše jsme změřili na živé verzi webu, tak jak ji vidí návštěvník.
Share Tech Mono
Nadpisy i textAa
- GeigerRegular 400
ABCDEFGHIJKLM abcdefghijklm 0123456789
Zaoblení
- 0 px
- 4 px
Tlačítka: 0 px
Velikosti písma
- AaDisplej, 80 px
- AaH1, 32 px
- AaPerex, 24 px
- AaText, 16 px
Kontrast
- 17,5 : 1text na pozadí, AAA
- 13,8 : 1popisek tlačítka, AAA
Stíny
Místo stínu záře
Kontext
Geiger Performance Lab studio udělalo samo pro sebe v roce 2026, bez klienta a bez briefu. Čísla typu milisekund renderu většině lidí nic neřeknou, proto vznikl nápad převést je do zvuku Geigerova počítače. Vznikla samostatná aplikace na Reactu, která žije vedle ostatních případových studií studia a sama odkazuje na chronicles.cz.
Výzva
O výkonu webu se mluví v číslech, kterým nikdo mimo obor nerozumí. „Zbytečné překreslení komponenty“ nikoho nevyleká, na rozdíl od cvakání dozimetru, které každý pozná z filmu a každému se u něj sevře žaludek.
Omezení
Web o rychlosti kódu musí být rychlý sám o sobě. Znamená to žádný backend a žádné zbytečné knihovny: veškerý stav žije v prohlížeči na jedné stránce. Běžný přehrávač zvuku zakopává při častém opakování a zvuk řeže. Proto cvaknutí dozimetru jdou přes pool předem vytvořených audioelementů, a samotný soubor kliknutí je jeden pro všechny izotopy.
Rozhodnutí, a kde v návrhu sedí
Proč jsme to tak udělali.
Frekvence cvaknutí za minutu, dávka v μSv/h a teplota jádra se aktualizují za běhu a barví panel od zelené po červenou spolu s růstem zátěže.
Rychlost pohybu myši v černé komoře se mění v rychlost cvaknutí dozimetru a v částice na plátně. Pomalý pohyb je skoro neslyšný, prudký rozjede počítač na maximum.
Draslík-40, uran-235, radium-226 a plutonium-239 se vybírají ze seznamu ISOTOPE FUEL. Každý má vlastní frekvenci cvaknutí a vlastní křivku útlumu, od banánového pozadí po téměř okamžitý rozjezd k havárii.
Vpravo dole se aplikace sama podepisuje a odkazuje na chronicles.cz přímo z rozhraní.
Frekvence cvaknutí za minutu, dávka v μSv/h a teplota jádra se aktualizují za běhu a barví panel od zelené po červenou spolu s růstem zátěže.
Rychlost pohybu myši v černé komoře se mění v rychlost cvaknutí dozimetru a v částice na plátně. Pomalý pohyb je skoro neslyšný, prudký rozjede počítač na maximum.
Draslík-40, uran-235, radium-226 a plutonium-239 se vybírají ze seznamu ISOTOPE FUEL. Každý má vlastní frekvenci cvaknutí a vlastní křivku útlumu, od banánového pozadí po téměř okamžitý rozjezd k havárii.
Vpravo dole se aplikace sama podepisuje a odkazuje na chronicles.cz přímo z rozhraní.
Co jsme udělali, a proč
Reaktor před spuštěním
Před startem drží dvě sekundy tmavá obrazovka s vtipným nápisem „Shit code REACTor“ a logem studia. Pak se otevřou clony reaktoru a na obrazovce se objeví přístrojový panel.
Tlačítka pro ukázkovou havárii
Tlačítko „Core Runaway Test“ spustí sto dvacet renderů za sebou bez jediného pohybu myší. Částice zaplaví komoru, osciloskop se zvrhne do pily a indikátory PWR, SYS, RAD a ALRM se rozsvítí červeně.
Samostatné rozvržení pro telefon
Na telefonu se hlavička mění v kartu s logem, názvem a podpisem studia. Tři sloupce s panely se postaví jeden pod druhý a žádný z nich se neztratí.
Jak to dopadlo
Interní projekt, který děláme rádi a který zároveň něco dokazuje: celá aplikace váží po kompresi 78 kB a odpovídá pod desetinu sekundy. Web, který mluví o rychlosti, by měl být rychlý, i když je to vtip.
Detailnější pohled
Klikni na záběr a otevře se přes celou obrazovku