Bilješke graditelja

Priče i bilješke o izradi FleaWindera — malog animiranog cirkusa pokrenutog vašom tastaturom i mišem.

Zavijanje buha s bilo kog mjesta na iOS-u

FleaWinder sada ima prilagođenu iOS tastaturu. Instalirajte je jednom i svaka aplikacija u kojoj kucate — Messages, Notes, Safari, bilo gdje — tiho zavija cirkus u pozadini. Svakih deset pritisaka tipke šalje prasak energije nazad u glavnu aplikaciju. Buhama nije bitno odakle dolazi unos; samo žele biti zavijene.

Sama tastatura je u cirkuskoj temi: tamne toplo-smeđe tipke, zlatni naglasci na specijalnim tipkama, i mala traka energije na vrhu koja se puni dok kucate. Mijenja boju od crvene do zlatne do zelene kako vaš broj pritisaka raste. Tu je i mali emoji buhe pored nje i živi brojač tako da možete vidjeti tačno koliko ste zavijanja uradili u ovoj sesiji.

Najzahtjevniji dio je bio dijeljenje podataka. iOS ekstenzije tastature rade u svom izoliranom procesu — ne mogu komunicirati s glavnom aplikacijom direktno. Rješenje su App Groups: zajednički UserDefaults kontejner kojem i tastatura i aplikacija mogu pristupiti za čitanje i pisanje. Tastatura akumulira bodove zavijanja i ubacuje ih u zajednički kontejner; aplikacija ih preuzima pri nastavku. Usput smo migrirali postojeće Siri Shortcuts i widget intente u isti zajednički kontejner, tako da sada sve teče kroz jednu cijev.

Da uključite: Postavke → Opće → Tastatura → Tastature → Dodaj novu tastaturu → FleaWinder Circus. Ne traži Open Access — nema mreže, nikakvi podaci ne napuštaju vaš uređaj. Samo pritiski tipki koji pokreću buhe.

Cirkus na malim ekranima

FleaWinder je dizajniran za široku, tanku traku iznad trake zadataka — udobno horizontalno. Telefoni su vertikalni. Prilagoditi cirkus malim ekranima značilo je preispitati raspored bez gubitka onoga što ga čini živim.

Ugradivi widget na mobilnom se prebacuje na visoko platno, slagajući tačke vertikalno umjesto da ih raspoređuje po traci. Svako ko ugradi FleaWinder u svoju stranicu dobija raspored koji se automatski prilagođava. Četiri tematska preseta (tamna, svijetla, topla, hladna) i parametar skaliranja omogućavaju da se uklopi u bilo koje okruženje.

Veći izazov je bila čitljivost. Na ekranu telefona, buhe nacrtane u desktop mjerilu su samo tačkice. Dodali smo prolaz za zumiranje koji uvećava tijela buha tako da su njihovi kostimi, izrazi lica i dodaci stvarno vidljivi — traka Pip, kaciga Rex, mala kruna Blaze. Detalji ličnosti koji su uvijek bili tu sada se čitaju na dužinu ruke.

Ostatak mobilne prerade je bio manje glamurozan ali jednako važan: dodirne mete pogodne za prste, bolje skaliranje fontova, responzivan razmak širom marketinške stranice. Ništa revolucionarno — samo osiguravanje da cirkus izgleda kako treba gdje god ga nađete.

Kostimi, sezone i šef manježa

Ovaj sedmica je bila posvećena vizualnoj dubini. Svaka buha u koloniji sada nosi jedinstven kostim — Nova ima suncobran na žici, Rex nosi kacigu u topu, Blaze dobija krunu za tačku gutanja vatre. Sitni detalji, ali daju svakom izvođaču identitet koji se prepoznaje na prvi pogled.

Sama pozornica se mijenja s kalendarom. Sezonski sistem čestica baca snijeg zimi, trešnjine cvjetove u proljeće, svitce ljeti i lebdeće lišće u jesen. Tu je i suptilni dnevno/noćni ton vezan za vaš stvarni sat — traka se zagrije u zlatnom satu i zatamni nakon sumraka, s jačim zvijezdama na noćnom nebu.

Najveći dodatak je šef manježa — posebna buha u cilindru koja šeta između tačaka, nadgledajući predstavu. Ne nastupa; nadgleda. Pronaći pravi put njegovog patroliranja značilo je uskladiti njegove šetnje tako da stigne upravo kad se prijelaz između tačaka završi, što cijelom cirkusu daje osjećaj koreografije koji ranije nije imao.

Ispod haube, potpuni sistem tema sada sve ovo pokreće. Osam paleta boja plus automatski sezonski mod koji bira pravu paletu na osnovu mjeseca. Svaka boja u svakoj tački i elementu korisničkog interfejsa se povlači iz aktivne teme, pa prebacivanje djeluje besprijekorno umjesto naknadno dodano.

v1.1.0: Dvije nove tačke

Verzija 1.1.0 dodaje žongliranje i gutanje vatre u repertoar, podižući ukupan broj na sedam živih cirkuskih tačaka. Oba rade na istom energetskom sistemu koji pokreće ostatak predstave — vaši pritiski tipki, pokreti miša i klikovi.

Žongler prati više loptica u pravim paraboličnim lukovima. Broj se skalira s energijom: dvije ili tri u mirovanju, do šest na punoj snazi, s hvatanjima iza leđa kad publika poludi. Postizanje pravog tajminga zahtijevalo je razdvajanje faze svake loptice da se ne grupišu.

Gutač vatre koristi postojeći sistem čestica ali s novim efektom toplinskog treperenja. Dužina plamena raste s energijom, a klikovi proizvode bonus prasak. Najzahtjevniji dio je bio miješanje boja — glatki prijelaz od tamno crvene na bazi do jarko žute na vrhu bez vidljivih traka.

Oba broja se uklapaju u postojeći sistem rotacije, pa ćete ih vidjeti kako se smjenjuju zajedno s originalnih pet. Ako želite zakačiti omiljeni — panel postavki sada omogućava uključivanje i isključivanje pojedinačnih tačaka.

Historija iza stranice historije

Stranica historije FleaWindera dokumentuje više od četiri stotine godina pravih bušijih cirkusa — od mikroskopskih crteža Roberta Hookea 1665. do izvođača na Oktoberfestu koji rade i danas. Pisanje je značilo čitanje viktorijanskih plakata, digitaliziranih novinskih isječaka i iznenađujućeg broja akademskih radova o entomološkoj zabavi.

Najteži dio je bio odlučiti šta izostaviti. Sam Louis Bertolotto mogao bi ispuniti cijelu knjigu (a i napisao ih je — nekoliko, zapravo). Kompromis je bio vremenska linija koja pokriva glavne momente i set proširivim sekcija za one koji žele dublje da istražuju.

Stranica koristi inicijale, dekorativne razdjelnika i serifni font da evocira listove i plakate koje opisuje. Svaka sekcija je standardno sklopljena da čitatelja ne preplavi, ali prvi paragraf je uvijek vidljiv s inicijalom koji privlači.

Sav tekst je dostupan na engleskom, španskom i njemačkom. Proces prevođenja je otkrio fascinantnu lokalnu historiju — njemačke tradicije Flohzirkus na Oktoberfestu, na primjer, imaju svoju posebnu lozu različitu od londonske i njujorške scene.

Zašto sam napravio FleaWinder

Htio sam nešto što čini da se računar osjeća živim — ne na ometajući način, nego kao tihi pratilac koji reaguje na vaše prisustvo. Većina screensavera se aktivira kad odete; FleaWinder se aktivira kad dođete.

Ideja je bila jednostavna: uzeti sav neiskorišteni unos koji vaš operativni sistem ignoriše — ritam vašeg kucanja, brzinu miša, kadans klikova — i nahraniti njime trupu animiranih cirkuskih buha. Što više radite, to predstava više oživljava.

Pravljenje kao prozirnog overlay-a iznad trake zadataka se pokazalo kao pravo ograničenje. Uvijek je vidljiv ali nikad ne smeta. Ne interagujete s njim direktno — samo radite, a on reaguje. Tehnički izazov je bio učiniti ga zaista prozirnim za klikove da nikad ne preuzme fokus.

FleaWinder je ljubavno pismo viktorijanskom bušijem cirkusu — pravoj, višestoljetnoj formi umjetnosti gdje su urari upregnuli prave buhe da vuku minijaturne kočije i hodaju po žicama. Stranica historije ispričava tu priču u cijelosti.