Lood ja margmed FleaWinderi ehitamisest -- pisike animeeritud tsirkus, mida juhib teie klaviatuur ja hiir.
Tsirkuse viimine vaikestele ekraanidele
FleaWinder oli kavandatud laia, ohukese ribana tegumiriba kohal -- mugavalt maastikuvormis. Telefonid on portreetvormis. Tsirkuse toimetamine vaikestel ekraanidel tahendas paigutuse umbermotlemist, kaotamata seda, mis selle elavaks teeb.
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.
Suurem valjakutse oli loetavus. Telefoni ekraanil on lauaarvutimasstaabis joonistatud kirbud lihtsalt taihoesed. Lisasime suurendava labi, mis skaleerib kirbukehasid ules, nii et nende kostuumed, ilmed ja aksessuaarid on tegelikult nahtavad -- Pipi peavord, Rexi kiiver, Blaze'i pisike kroon. Isiksuse detailid, mis olid alati olemas, muutusid aegelkaugusel aargelikult loetavaks.
Ulejaanud mobiili umberteo oli vahem efektne, kuid sama oluline: puutesobralikud klopsualad, parem kirja skaleerimine, kohanduv vahe kogu turundussaidis. Midagi revolutsioonilist -- lihtsalt veendumaks, et tsirkus naeb oige valja, kus iganes te selle leiate.
Kostuumid, aastaajad ja tsirkusedirektor
See nadal oli koik visuaalse sugavuse paralt. Iga kirp koloonias kannab nuud ainulaadset kostuumi -- Noval on vihmavari koiel, Rex kannab kiivrit kahuris, Blaze saab krooni tuletoimingu jaoks. Vaihesed detailid, kuid need annavad igale esinejale identiteedi, mida saab uhe pilguga maarata.
Lava ise muutub vastavalt kalendrile. Hooajaline osakeste susteem poetab lund talvel, kirsioid kevadel, jaaniosskaid suvel ja langavaid lehti sugsisel. Lisaks on peen paeva/oo toon, mis on seotud teie tegeliiku maailma kellaga -- riba soojeneb kuldseel tunnil ja tummeneb parast loojangut, heledamate tahtedega oohives.
Suurim taaendus on tsirkusedirektor -- eriline kirp kuvarhatis, kes jalutab etteastete vahel ja inspekteerib etendust. Ta ei esine; ta jaarelvalab. Tema patrulltee oigeks saamine tahendas jalutuskaakide vahedamist nii, et ta saabub taapselt siis, kui etteastevahetus lopeb, mis annab kogu tsirkusele koreograafia tunde, mida sel varem polnud.
Kapoti all toimetab nuud taielik teemide susteem. Kaheksa vaarvipaletti pluss automaatne hooajaline reziim, mis valib oige kuu pohjal. Iga vaarv igas etteastes ja kasutajaliidese elemendis parineb aktiivsest teemast, nii et vahetus tundub sujuv, mitte pealeloigatud.
v1.1.0: Kaks uut etteastet
Versioon 1.1.0 lisab zongoleerimise ja tuleneelaja nimekirja, tuues kogu arvu seitsmele elavale tsirkuse etteaste. Molemad toimetavad samal energiasusteemil, mis juhib ulejaanud etendust -- teie klahvivajutused, hiireliigutused ja klopsud.
Zongolor jalgib mitut palli totistes paraboolsetes kaadrites. Arv skaleerub energiaga: kaks voi kolm joutolekus, kuni kuus taie voimsuse korral, koos selja taga kinni puuamisega, kui publik hullub. Ajastuse oigeks saamine noudes iga palli faasi lahti uhendamist, et need ei koondusheks.
Tuleneelaja kasutab olemasolevat osakeste susteemi, kuid uue kuumuseshiire efektiga. Leegi pikkus kasvab energiaga ja klopsud toodavad lisapurskeid. Koige raskem osa oli vaarvide segamine -- sujuv uleminek tumepunasest allusel eredast kollaseni tipul, ilma et see ribaline valja naehks.
Molemad etteastod sobivad olemasolevasse rotatsioonisusteeemi, nii et naete neid vahetumas koos algsete viiegai. Kui soovite lemmiku kinnitada, voimaludab seadete paneel nuud uuskolseid etteasteid sisse ja valja lulitada.
Ajalugu ajaloelehe taga
FleaWinderi ajalooleleht dokumenteerib ule neljasaja aasta totiseid kirbutsirkuseid -- Robert Hooke'i mikroskoobi visanditest 1665. aastal kuni Oktoberfesti esinejateni, kes toimetavad tanini. Selle kirjutamine tahendas viktoriaanlike plagkatite, digitaluseeritud ajaleheloikude ja ullatavalt paljude akadeemiliste artiklite lugemist entomoloogilise meelelahutuse kohta.
Koige raskem osa oli otsustada, mida valja jaatta. Ainuuksi Louis Bertolotto voiks taaita terve raamatu (ja ta tegigi seda -- mitmed tegelikult). Kompromiss oli ajajoon, mis tabab pohilisi hetki, ja laiendatavate jaotiste komplekt koigile, kes soovivad saugavamale kaevata.
Leht kasutab initsiaalide, ornamentaalseid eraldajaid ja serifiga kirjatuppi, et meenutada lendlehti ja plagkateid, mida see kirjeldab. Iga jaotis on vaikimisi kokku pandud, et lugejat mitte ule ujutada, kuid esimene loik on alati nahtav initsiaaliga, et teid sisse tombata.
Kogu tekst on saadaval inglise, hispaania ja saksa keeles. Tolkeprotsess toi valja moningaid pounevaid kohalikke lugusid -- Saksa kirbutsirkuse traditsioonid Oktoberfestil, naiteks, omavad oma eripaarast liini, mis erineb Londoni ja New Yorgi stseenidest.
Miks ma FleaWinderi ehitasin
Tahtsin midagi, mis paneks arvuti end elavana tundma -- mitte haaairivalt, vaid vaikse kaaslasena, kes reageerib teie kohalolekule. Enamik ekraanisaastjaid aktiveeruvad, kui te lahkute; FleaWinder aktiveerub, kui te saabute.
Idee oli lihtne: votsge koik sisendandmed, mida teie operatsioonisusteem eirab -- teie tippimise rutm, hiire kiirus, klopsude sagedus -- ja sootsge need animeeritud tsirkusekirpude trupile. Mida rohkem tootate, seda enam etendus elustub.
Selle ehitamine lapipaistva kihina tegumiriba kohale osutus oigeks piiranguks. See on alati nahtav, kuid kunagi ei sega. Te ei suhtle sellega otseselt; te lihtsalt tootate ja see reageerib. Tehniline valjakutse oli muuta see totiselt klopsude jaoks lapipaistvaks, et see kunagi fookust ei varastaks.
FleaWinder on armastuskiri viktoriaanlikule kirbutsirkusele -- totisele, sajandeid vanale kunstivormile, kus kellassepad rakendasid totiseid kirpe vedama miniatuurseid tossusid ja kondima pingul koiel. Ajalooleht jutustab selle loo taielikult.
