SIRENFALL – Kun selain muuttuu kokemukseksi

Talousdemo ei aina tarvitse monimutkaisuutta vakuuttaakseen. Joskus riittää, että luot tunnelman ja annat sen vain olla.

Mikä SIRENFALL oikein on?

SIRENFALL on ilmainen selaintoteutus, joka siirtää sinut maanalaiseen suojeluseen. Edessäsi on sateen piiskaama kaupunkinäkymä. Tehtäväsi, jos sen hyväksyt: käännä katkaisinvipu ja käynnistä siviilipuolustuksen sireeni.

Siinä kaikki.

Älä anna yksinkertaisuuden hämätä. Tekninen puoli on nimittäin aivan toista maata. Jokainen ääni, jonka kuulet, syntyy selaimessa reaaliaikaisesti Web Audio API:n avulla. Ei MP3-tiedostoja. Ei ääniklippien esilatausta. Pelkkää matematiikkaa ja aaltomuotoja.

Sireenin anatomia

Tämä sireeni ei ole satunnainen meteli. Se noudattaa aidon siviilipuolustussireenin kaavaa:

• Kaksi taajuutta muodostavat mollin terssin: 515 Hz ja 618 Hz
• Tunnusomainen "ulvonta" syntyy torvesta, joka pyyhkäisee kerran 15 sekunnissa
• Sade ja ukkonen jatkuvat taustalla
• Bonuselementtejä: suljin ja vanha CRT-näyttö

Tämä tarkkuus muuttaa klikkailun kokemukseksi.

Mitä tämä tarkoittaa web-kehittäjille?

SIRENFALL osoittaa, mitä Web Audio API:n avulla voi tehdä, kun sitä käyttää luovasti. Kehittäjillä on suora pääsy:

• Oskillaattoreihin puhtaiden aaltomuotojen tuottamiseen (sini, neliö, sahalaita, kolmio)
• Gain-nodeihin äänenvoimakkuuden säätöön ja häivytyksiin
• Suodattimiin äänen muotoiluun
• Reaaliaikaisiin parametreihin dynaamisiin efekteihin

Useimmat selaimessa toimivat audioprojektit turvautuvat esitetallennettuihin klippeihin tai raskaisiin kirjastoihin. SIRENFALL näyttää, että tyylikäs ja tehokas syntetisaatio on mahdollista pelkällä JavaScriptillä ja ymmärryksellä akustiikasta.

Kokemus

Ei rekisteröitymistä. Ei asennusta. Ei selaimen liitännäisiä. Avaa linkki modernilla selaimella, ja seisot betonisessa suojassa katsellen sadetta – miettien, voisitko häiritä koko naapurustoa sireenillä.

Oudolta tuntuu. Hyvin tarkalta. Ja rehellisesti sanottuna aika rauhoittavalta, jos ajattelee post-apokalyptistä tunnelmaa.

Kokeile itse: sirenfall.live

Lähdekoodi on saatavilla GitHubissa MIT-lisenssillä, jos haluat tutkia miten äänisynteesi toimii tai rakentaa omia Web Audio -kokeilujasi.

Paras käyttö selainteknologialle ei aina ole tuottavuus. Joskus se on outojen pikku maailmojen luomista ihmisille asuttaviksi muutamaksi minuutiksi. SIRENFALL tekee juuri sitä.