Tarinoita ja muistiinpanoja FleaWinderin rakentamisesta — pienestä animoidusta sirkuksesta, jota näppäimistösi ja hiiresi ohjaavat.
Sirkus pienille näytöille
FleaWinder suunniteltiin leveäksi, ohueksi nauhaksi tehtäväpalkin yläpuolelle — mukavasti vaakasuuntaan. Puhelimet ovat pystysuunnassa. Sirkuksen saaminen toimimaan pienillä näytöillä tarkoitti asettelun uudelleen miettimistä menettämättä sitä, mikä tekee siitä eloisan.
The embeddable widget flips to a tall canvas on mobile, stacking the acts vertically instead of spreading them across a ribbon. Anyone dropping FleaWinder into their own site gets a layout that adapts automatically. Four theme presets (dark, light, warm, cool) and a scale parameter let it blend with whatever surrounds it.
Suurempi haaste oli luettavuus. Puhelimen näytöllä työpöytäkoossa piirretyt kirput ovat pelkkiä pisteitä. Lisäsimme zoomausvaiheen, joka suurentaa kirppujen kehot niin, että niiden asut, ilmeet ja asusteet ovat oikeasti näkyvissä — Pipin pääpanta, Rexin kypärä, Blazen pieni kruunu. Persoonallisuusyksityiskohdat, jotka olivat aina olleet siellä, luetaan yhtäkkiä käsivarren mitan päästä.
Loput mobiiliuudistuksesta oli vähemmän näyttävää mutta yhtä tärkeää: kosketusystävälliset osuma-alueet, parempi kirjasinkoon skaalaus, responsiiviset välit koko markkinointisivustolla. Ei mitään vallankumouksellista — vain varmistaminen, että sirkus näyttää oikealta missä tahansa sen löytääkin.
Asut, vuodenajat ja sirkustirehtööri
Tämä viikko oli pelkkää visuaalista syvyyttä. Jokainen kirppu koloniassa käyttää nyt ainutlaatuista asua — Novalla on päivänvarjo nuoralla, Rex käyttää kypärää tykissä, Blaze saa kruunun tulennielijänumeroon. Pieniä yksityiskohtia, mutta ne antavat jokaiselle esiintyjälle identiteetin, jonka tunnistaa ensi silmäyksellä.
Lavaa itsessään muuttuu kalenterin mukaan. Kausiluonteinen partikkelisysteemi pudottaa lunta talvella, kirsikankukkia keväällä, tulikärpäsiä kesällä ja ajelehtia lehtiä syksyllä. Mukana on myös hienovarainen päivä/yö-sävy sidottuna reaalimaailman kelloosi — nauha lämpenee kultaisena hetkenä ja himmenee pimeän jälkeen, kirkkaammilla tähdillä yötaivaalla.
Suurin lisäys on sirkustirehtööri — erityinen kirppu silinteri päässä, joka kävelee esitysten välillä tarkastamassa show'ta. Hän ei esiinny; hän valvoo. Hänen partioreitinsä oikein saaminen tarkoitti kävelyjen ajoittamista niin, että hän saapuu juuri esitysvaihdon päättyessä, mikä antaa koko sirkukselle koreografian tunnun, jota sillä ei ollut aiemmin.
Konepellin alla kokonainen teemajärjestelmä ohjaa nyt tätä kaikkea. Kahdeksan väripalettia sekä automaattinen kausitila, joka valitsee oikean kuukauden perusteella. Jokainen väri jokaisessa esityksessä ja käyttöliittymäelementissä tulee aktiivisesta teemasta, joten vaihto tuntuu saumattomalta eikä päälle liimatulta.
v1.1.0: Kaksi uutta esitystä
Versio 1.1.0 lisää jongleerausesityksen ja tulennielijän kokoonpanoon, nostaen live-sirkusesitysten kokonaismäärän seitsemään. Molemmat toimivat samalla energiajärjestelmällä, joka ohjaa muutakin esitystä — näppäinpainalluksesi, hiiren liikkeesi ja klikkauksesi.
Jonglööri seuraa useita palloja aidoilla parabolisilla kaarilla. Lukumäärä skaalautuu energian mukaan: kaksi tai kolme tyhjäkäynnillä, jopa kuusi täydellä teholla, selän takaa kiinniotoin kun yleisö villiintyy. Ajoituksen saaminen oikeaksi vaati jokaisen pallon vaiheen irtikytkemistä, jotta ne eivät kasaudu.
Tulennielijä käyttää olemassa olevaa partikkelisysteemiä mutta uudella lämpöväre-efektillä. Liekin pituus kasvaa energian myötä, ja klikkaukset tuottavat bonuspurkauksia. Hankalin osa oli värien sekoitus — sujuva siirtymä syvänpunaisesta pohjassa kirkkaankeltaiseen kärjessä ilman raitaista ilmettä.
Molemmat esitykset liittyvät olemassa olevaan rotaatiojärjestelmään, joten näet niiden vaihtuvan sisään ja ulos alkuperäisen viiden rinnalla. Jos haluat kiinnittää suosikkisi, Asetukset-paneeli antaa nyt kytkeä yksittäisiä esityksiä päälle ja pois.
Historiasivun tausta
FleaWinderin historiasivu dokumentoi yli neljäsataa vuotta todellisia kirppusirkuksia — Robert Hooken mikroskooppiluonnoksista vuonna 1665 nykypäivän Oktoberfest-esiintyjiin. Sen kirjoittaminen vaati viktoriaanisten plakaatien, digitoitujen sanomalehtileikkeiden ja yllättävän monen entomologista viihdettä käsittelevän akateemisen tutkimuksen lukemista.
Vaikein osa oli päättää, mitä jättää pois. Louis Bertolotto yksinään täyttäisi kirjan (ja hän kirjoittikin — useamman, itse asiassa). Kompromissi oli aikajana, joka käy läpi tärkeimmät tapahtumat, ja sarja laajennettavia osioita kenelle tahansa, joka haluaa kaivautua syvemmälle.
Sivu käyttää alkukirjaimia, koristeellisia jakajia ja antiikva-kirjasinta muistuttaen lentolehtisiä ja plakaateja, joita se kuvaa. Jokainen osio on oletuksena suljettu, jotta lukija ei hukku, mutta ensimmäinen kappale on aina näkyvissä alkukirjaimella, joka vetää sinut sisään.
Kaikki teksti on saatavilla englanniksi, espanjaksi ja saksaksi. Käännösprosessi toi esiin kiehtovaa paikallishistoriaa — esimerkiksi saksalaisilla Flohzirkus-perinteillä Oktoberfestillä on oma kehityslinjansa, joka eroaa Lontoon ja New Yorkin perinteistä.
Miksi rakensin FleaWinderin
Halusin jotain, joka saisi tietokoneen tuntumaan elävältä — ei häiritsevällä tavalla, vaan hiljaisena kumppanina, joka reagoi läsnäoloosi. Useimmat näytönsäästäjät aktivoituvat kun lähdet; FleaWinder aktivoituu kun saavut.
Idea oli yksinkertainen: ota kaikki se tyhjäkäyntisyöte, jonka käyttöjärjestelmäsi sivuuttaa — kirjoittamisesi rytmi, hiiresi nopeus, klikkauksiesi tahti — ja syötä se animoitujen sirkuskirppujen seurueelle. Mitä enemmän työskentelet, sitä enemmän esitys herää eloon.
Sen rakentaminen läpinäkyvänä kerroksena tehtäväpalkin yläpuolelle osoittautui oikeaksi rajoitteeksi. Se on aina näkyvissä mutta ei koskaan tiellä. Et ole sen kanssa suoraan vuorovaikutuksessa; työskentelet vain, ja se reagoi. Tekninen haaste oli tehdä siitä aidosti klikkauksille läpinäkyvä, jotta se ei koskaan varasta kohdistusta.
FleaWinder on rakkauskirje viktoriaaniselle kirppusirkukselle — todelliselle, vuosisatoja vanhalle taidemuodolle, jossa kellosepät valjastivat oikeita kirppuja vetämään miniatyyrivaunuja ja kävelemään nuoralla. Historiasivu kertoo sen tarinan kokonaisuudessaan.
