Stāsti un piezīmes par FleaWinder veidošanu — mazu animētu cirku, ko darbina jūsu tastatūra un pele.
Cirka nogādāšana uz maziem ekrāniem
FleaWinder tika izstrādāts plašai, plānai joslai virs uzdevumjoslas — ērti ainavas formātā. Tālruņi ir portreta formātā. Lai cirks darbotos mazos ekrānos, bija jāpārdomā izkārtojums, nezaudējot to, kas padara to dzīvu.
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.
Lielāks izaicinājums bija lasāmība. Tālruņa ekrānā blusas, kas zīmētas galddatora mērogā, ir tikai plankumiņi. Mēs pievienojām tuvināšanas soli, kas palielina blusu ķermeņus, lai to kostīmi, sejas izteiksmes un aksesuāri būtu faktiski redzami — Pip galvas saite, Rex ķivere, Blaze mazā kronis. Personības detaļas, kas vienmēr tur bija, pēkšņi lasāmas rokas attālumā.
Pārējā mobilā pārveidošana bija mazāk glamūrīga, bet tikpat svarīga: pirkstiem draudzīgi pieskārienu mērķi, labāka fontu mērogošana, atsaucīgs atstarpes visā mārketinga vietnē. Nekas revolucionārs — vienkārši pārliecinoties, ka cirks izskatās pareizi, lai kur to atrastu.
Kostīmi, gadalaiki un cirka vadītājs
Šī nedēļa bija visa par vizuālo dziļumu. Katra blusa kolonijā tagad valkā unikālu kostīmu — Nova ir ar saulessargu uz stiepļa, Rex valkā ķiveri lielgabalā, Blaze iegūst kroni uguns rijēja priekšnesumam. Mazas detaļas, bet tās dod katram izpildītājam identitāti, ko var pamanīt vienā skatienā.
Pati skatuve mainās līdzi kalendāram. Sezonāla daļiņu sistēma birst sniegu ziemā, ķiršu ziedus pavasarī, joņpiparus vasarā un birojošas lapas rudenī. Ir arī smalks dienas/nakts tonis, kas saistīts ar jūsu reālā laika pulksteni — josla sasilst zelta stundā un aptumšojas pēc tumsas, ar spilgtākām zvaigznēm nakts debesīs.
Lielākais papildinājums ir Cirka vadītājs — īpaša blusa ar cilindri, kas pastaigājas starp priekšnesumiem, pārbaudot šovu. Viņš neuzstājas; viņš uzrauga. Pareizi noteikt viņa patruļas maršrutu prasīja atstarpes, lai viņš ierastos tieši tad, kad priekšnesuma pāreja beidzas, kas piešķir visam cirkam koreografijas sajūtu, kādas tam iepriekš nebija.
Zem motora pārsega pilna tēmu sistēma tagad darbina visu šo. Astoņas krāsu paletes plus automātiskais sezonālais režīms, kas izvēlas pareizo pēc mēneša. Katra krāsa katrā priekšnesumā un UI elementā tiek ņemta no aktīvās tēmas, tāpēc pārslēgšana jūtama gluda, nevis pieskrūvēta.
v1.1.0: Divi jauni priekšnesumi
Versija 1.1.0 pievieno žonglēšanas priekšnesumu un uguns rijēju sastāvam, palielinot kopējo skaitu līdz septiņiem dzīviem cirka priekšnesumiem. Abi darbojas uz tās pašas enerģijas sistēmas, kas darbina pārējo šovu — jūsu taustiņu nospiešanas, peles kustības un klikšķi.
Žonglieris izseko vairākas bumbiņas īstos paraboliskos lokos. Skaits pieaug ar enerģiju: divas vai trīs dīkstāvē, līdz sešām pilnā jaudā, ar ķērieniem aiz muguras, kad pūlis kļūst traks. Pareiza laika noteikšana prasīja katras bumbiņas fāzes atsaistīšanu, lai tās nesapulcētos.
Uguns rijējs izmanto esošo daļiņu sistēmu, bet ar jaunu siltuma mirdzēšanas efektu. Liesmas garums pieaug ar enerģiju, un klikšķi rada bonusa uzliesmojumus. Sarežģītākā daļa bija krāsu sajaukšana — gluda pāreja no tumši sarkanas pamatnē uz spilgti dzeltenu galā bez svītrota izskata.
Abi priekšnesumi iekļaujas esošajā rotācijas sistēmā, tāpēc redzēsiet tos mainīties kopā ar sākotnējiem pieciem. Ja vēlaties piespraust favorītu, Iestatījumu panelis tagad ļauj ieslēgt un izslēgt atsevišķus priekšnesumus.
Vēsture aiz vēstures lapas
FleaWinder vēstures lapa dokumentē vairāk nekā četrus simtus gadus īstu blusu cirku — no Roberta Huka mikroskopa skicēm 1665. gadā līdz Oktoberfesta izpildītājiem, kas vēl šodien strādā. Rakstīšana prasīja Viktorijas laikmeta plakātu, digitalizētu laikrakstu izgriezumu un pārsteidzoši liela skaita akadēmisko darbu par entomoloģisko izklaidi lasīšanu.
Grūtākā daļa bija izlemt, ko atstāt ārā. Luī Bertoloto vien varētu aizpildīt grāmatu (un viņš to izdarīja — vairākas). Kompromiss bija laika skala, kas skar galvenos momentus, un paplašināmu sadaļu kopums tiem, kas vēlas iedziļināties.
Lapa izmanto dekoratīvos iniciāļus, ornamentālus dalītājus un serifu fontu, kas atbalsojas plakātos un sludinājumos, kurus tā apraksta. Katra sadaļa pēc noklusējuma ir sakļauta, lai lasītājs nebūtu pārslogots, bet pirmā rindkopa vienmēr ir redzama ar dekoratīvu iniciāli, kas ievelk iekšā.
Viss teksts ir pieejams angļu, spāņu un vācu valodā. Tulkošanas process atklāja aizraujošu vietējo vēsturi — vācu Flohzirkus tradīcijas Oktoberfestā, piemēram, ir ar savu atšķirīgu izcelsmi no Londonas un Ņujorkas ainām.
Kāpēc es uzbūvēju FleaWinder
Es gribēju kaut ko, kas padarītu datoru dzīvu — ne traucējošā veidā, bet kā klusu pavadoni, kas reaģē uz jūsu klātbūtni. Lielākā daļa ekrānsaudzētāju aktivizējas, kad jūs aizejat; FleaWinder aktivizējas, kad jūs atnākat.
Ideja bija vienkārša: paņemt visu dīkstāves ievadi, ko jūsu operētājsistēma ignorē — jūsu rakstīšanas ritmu, peles ātrumu, klikšķu kadenci — un padot to animētu cirka blusu trupai. Jo vairāk jūs strādājat, jo vairāk šovs atdzīvojas.
Būvēšana kā caurspīdīgs slānis virs uzdevumjoslas izrādījās pareizs ierobežojums. Tas vienmēr ir redzams, bet nekad netraucē. Jūs nesadarbojas ar to tieši; jūs vienkārši strādājat, un tas reaģē. Tehniskais izaicinājums bija padarīt to patiesi caurspīdīgu klikšķiem, lai tas nekad neaizņemtu fokusu.
FleaWinder ir mīlestības vēstule Viktorijas laikmeta blusu cirkam — reālai, gadsimtiem vecai mākslas formai, kurā pulksteņmeistari iejūdza īstas blusas, lai vilktu miniatūras karietes un staigātu pa stiepleM. Vēstures lapa stāsta šo stāstu pilnībā.
