SIRENFALL: Když web umí hrát symfonii

Někdy ty nejpůsobivější technologické ukázky neohromí složitostí. Jen vytvoří atmosféru a nechají vás v ní sedět. SIRENFALL je přesně takový projekt.

Co je SIRENFALL?

Představte si volně přístupnou webovou scenu, která vás přenese do podzemního krytu s výhledem na město zalité deštěm. Vaším úkolem, pokud se ho rozhodnete přijmout: zatáhnout za páku a aktivovat civilní sirénu. To je vše. Celý zážitek.

A co dělá tento projekt technicky působivým? Každý zvuk, který uslyšíte, je syntetizován přímo ve vašem prohlížeči pomocí Web Audio API. Žádné MP3. Žádné WAV soubory. Žádné audio sprity. Čistě matematické vlny generující frekvence v reálném čase.

Věda za sirénou

Siréna není náhodný hluk — následuje skutečné civilní obranné vzory:

• Dva tóny oddělené malou tercii: 515 Hz a 618 Hz
• Charakteristické „kvílení" vzniká z trysek, které přecházejí jednou za 15 sekund
• Déšť a hřmění pokračují jako ambientní kulisy
• Další interaktivní prvky: ovládání okenic a starý CRT monitor

Tato pozornost k detailu proměňuje to, co mohlo být jen trikem, v něco, co působí autenticky atmosfericky.

Proč je to důležité pro webové vývojáře

SIRENFALL ukazuje, co je možné, když se Web Audio API použije kreativně. Toto API dává vývojářům přímý přístup k:

• Oscilátorům pro generování čistých vln (sinus, čtverec, pila, trojúhelník)
• Gain uzlům pro ovládání hlasitosti a fade efekty
• Filtrům pro tvarování charakteru tónu
• Manipulaci parametrů v reálném čase pro dynamické efekty

Většina browser audio projektů buď přehrává předem nahrané klipy, nebo používá těžké knihovny. SIRENFALL ukazuje, že elegantní a efektivní audio syntéza je možná s čistým JavaScriptem a solidním porozuměním akustice.

Zážitek

Žádné registrace. Žádná instalace. Žádné rozšíření prohlížeče. Stačí otevřít odkaz v jakémkoli moderním prohlížeči a stojíte v betonovém krytu, sledujete déšť stékající po oknech a rozhodujete se, jestli扰民 celé sousedství civilní sirénou.

Je to divné. Je to specifické. A upřímně? Je to tak nějak klidné, ale v postapokalyptickém smyslu.

Vyzkoušejte to: sirenfall.live

Zdrojový kód je dostupný na GitHubu pod licencí MIT, pokud chcete rozebrat, jak audio syntéza funguje, nebo si vytvořit vlastní Web Audio experimenty.

Někdy nejlepší využití browser technologií nespočívá v produktivitě — je to vytváření podivných malých světů, ve kterých mohou lidé strávit pár minut. SIRENFALL dělá přesně tohle.