Kūrėjo užrašai

Istorijos ir užrašai apie FleaWinder kūrimą — mažytį animuotą cirką, varomą jūsų klaviatūros ir pelės.

Cirko perkėlimas į mažus ekranus

FleaWinder buvo sukurtas plačiai, plonai juostai virš užduočių juostos — patogiai horizontaliai. Telefonai yra vertikalūs. Kad cirkas veiktų mažuose ekranuose, reikėjo permąstyti išdėstymą neprarandant to, kas jį daro gyvą.

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.

Didesnis iššūkis buvo skaitomumas. Telefono ekrane blusos, nupieštos stalinio kompiuterio masteliu, yra tik taškeliai. Pridėjome priartinimo žingsnį, kuris padidina blusų kūnus, kad jų kostiumai, veido išraiškos ir aksesuarai iš tikrųjų būtų matomi — Pip galvos raištis, Rex šalmas, Blaze mažytė karūna. Asmenybės detalės, kurios visada ten buvo, staiga skaitomos rankos atstumu.

Likusi mobiliosios versijos pertvarka buvo mažiau blizgi, bet lygiai tokia pat svarbi: pirštams draugiški bakstelėjimo taikiniai, geresnis šriftų mastelis, prisitaikantys tarpai visoje rinkodaros svetainėje. Nieko revoliucinio — tiesiog užtikrinant, kad cirkas atrodytų teisingai, kur jį berastumėte.

Kostiumai, metų laikai ir cirko vedėjas

Ši savaitė buvo visa apie vizualinį gylį. Kiekviena blusa kolonijoje dabar dėvi unikalų kostiumą — Nova turi skėtį ant lyno, Rex dėvi šalmą patrankoj, Blaze gauna karūną ugnies rijimo pasirodymui. Smulkūs detaliai, bet jie suteikia kiekvienam atlikėjui tapatybę, kurią galima pastebėti iš pirmo žvilgsnio.

Pati scena keičiasi su kalendoriumi. Sezoninė dalelių sistema beria sniegą žiemą, vyšnių žiedus pavasarį, jonvablius vasarą ir beriančius lapus rudenį. Taip pat yra subtilus dienos/nakties atspalvis, susietas su jūsų tikruoju laikrodžiu — juosta sušyla auksinę valandą ir aptemia po sutemų, su ryškesnėmis žvaigždėmis nakties danguje.

Didžiausias papildymas yra Cirko vedėjas — speciali blusa su cilindru, kuri vaikšto tarp pasirodymų, tikrindama šou. Ji nepasirodo; ji prižiūri. Teisingai nustatyti jo patruliavimo maršrutą reikėjo tarpų, kad jis ateitų tik tada, kai pasirodymo perėjimas baigiasi, kas suteikia visam cirkui choreografijos jausmą, kurio jis anksčiau neturėjo.

Po variklio dangtimi pilna temų sistema dabar varo visa tai. Aštuonios spalvų paletės plius automatinis sezoninis režimas, kuris parenka tinkamą pagal mėnesį. Kiekviena spalva kiekviename pasirodymo ir vartotojo sąsajos elemente traukiama iš aktyvios temos, todėl perjungimas jaučiasi sklandus, o ne prilipdytas.

v1.1.0: Du nauji pasirodymai

Versija 1.1.0 prideda žongliravimo pasirodymą ir ugnies rijėją prie sudėties, padidinant bendrą skaičių iki septynių gyvų cirko pasirodymų. Abu veikia ta pačia energijos sistema, kuri varo likusį šou — jūsų klavišų paspaudimai, pelės judesiai ir paspaudimai.

Žonglierius seka kelis kamuoliukus tikruose paraboliniuose lankuose. Skaičius didėja su energija: du ar trys ramybėje, iki šešių pilno galingumo metu, su pagavimais už nugaros, kai minia džiūgauja. Teisingas laiko nustatymas reikalavo atskirti kiekvieno kamuoliuko fazę, kad jie nesusiburtų.

Ugnies rijėjas naudoja esamą dalelių sistemą, bet su nauju šilumos virpėjimo efektu. Liepsnos ilgis auga su energija, o paspaudimai sukuria bonusinius pliūpsnius. Sunkiausia dalis buvo spalvų maišymas — sklandus perėjimas nuo tamsiai raudonos apačioje iki ryškiai geltonos viršuje be juostinimo efekto.

Abu pasirodymai įsilieja į esamą rotacijos sistemą, todėl matysite juos besikeičiančius kartu su originaliais penkiais. Jei norite prisegti mėgstamiausią, Nustatymų skydelis dabar leidžia įjungti ir išjungti atskirus pasirodymus.

Istorija už istorijos puslapio

FleaWinder istorijos puslapis dokumentuoja daugiau nei keturis šimtus metų tikrų blusų cirkų — nuo Roberto Huko mikroskopo eskizų 1665 m. iki 'Oktoberfest' atlikėjų, kurie vis dar dirba šiandien. Rašant reikėjo skaityti viktorijos laikų plakatus, skaitmeninius laikraščių iškarpas ir stebėtiną skaičių akademinių darbų apie entomologinę pramogą.

Sunkiausia dalis buvo nuspręsti, ką palikti. Vien Luji Bertoloto galėtų užpildyti knygą (ir iš tikrųjų užpildė — kelias). Kompromisas buvo laiko juosta, kuri atitinka pagrindinius momentus, ir išplečiamų skyrių rinkinys tiems, kurie nori gilintis.

Puslapis naudoja puošnias pirmąsias raides, ornamentines skirikles ir serifuotą šriftą, kuris atkartoja aprašomus plakatus ir skelbimus. Kiekvienas skyrius pagal nutylėjimą sulankstytas, kad skaitytojas nebūtų užverstas, bet pirmoji pastraipa visada matoma su puošnia pirmąja raide, kuri traukia vidun.

Visas tekstas prieinamas anglų, ispanų ir vokiečių kalbomis. Vertimo procesas atskleidė žavingą vietinę istoriją — vokiečių Flohzirkus tradicijos 'Oktoberfest' metu, pavyzdžiui, turi savo atskirą kilmę nuo Londono ir Niujorko scenų.

Kodėl sukūriau FleaWinder

Norėjau kažko, kas kompiuterį padarytų gyvą — ne atitraukiančiu būdu, bet kaip tylų palydovą, reaguojantį į jūsų buvimą. Dauguma ekrano užsklandų suaktyvinamos, kai išeinate; FleaWinder suaktyvinamas, kai ateinate.

Idėja buvo paprasta: paimti visą neveikiančią įvestį, kurią jūsų operacinė sistema ignoruoja — rašymo ritmą, pelės greitį, paspaudimų kadenciją — ir tiekti ją animuotų cirko blusų trupei. Kuo daugiau dirbate, tuo labiau šou atgyja.

Pastatymas kaip skaidrus sluoksnis virš užduočių juostos pasirodė esantis teisingas apribojimas. Jis visada matomas, bet niekada netrukdo. Jūs nesąveikaujate su juo tiesiogiai; jūs tiesiog dirbate, o jis reaguoja. Techninis iššūkis buvo padaryti jį tikrai paspaudimams skaidrų, kad jis niekada neperima fokuso.

FleaWinder yra meilės laiškas viktorijos laikų blusų cirkui — tikrai, šimtmečius skaičiuojančiai meno formai, kurioje laikrodininkai kinkinė tikras blusas traukti miniatiūrinius vežimus ir vaikščioti ant lynų. Istorijos puslapis pasakoja tą istoriją iki galo.