FleaWinder-ın qurulması haqqında hekayələr və qeydlər — klaviatura və siçanınızla idarə olunan kiçik animasiyalı sirk.
Sirki Kiçik Ekranlara Aparmaq
FleaWinder tapşırıq çubuğunun üstündə geniş, nazik zolaq üçün nəzərdə tutulmuşdu — rahat landşaft. Telefonlar portretdir. Sirki kiçik ekranlarda işlətmək onu canlı edən xüsusiyyətləri itirmədən planı yenidən düşünmək demək idi.
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.
Daha böyük problem oxunaqlılıq idi. Telefon ekranında masaüstü miqyasında çəkilmiş birələr sadəcə nöqtələrdir. Birə bədənlərini böyüdən zoom keçidi əlavə etdik ki, kostyumları, ifadələri və aksessuarları əslində görünsün — Pip-in baş lenti, Rex-in dəbilqəsi, Blaze-in kiçik tacı. Həmişə orada olan şəxsiyyət detalları birdən əl uzunluğunda oxunur oldu.
Mobil yenidənqurmanın qalan hissəsi daha az cəlbedici idi, amma eyni dərəcədə vacib: toxunuşa uyğun vuruş hədəfləri, daha yaxşı şrift miqyaslaması, marketinq saytı boyunca cavabdeh aralıq. Heç bir inqilab yoxdur — sadəcə sirkin harada tapırsanız doğru görünməsini təmin etmək.
Kostyumlar, Mövsümlər və Sirk Müdiri
Bu həftə vizual dərinlik haqqında idi. Koloniyada hər birə indi unikal kostyum geyinir — Nova kəndirdə çətir tutur, Rex topda dəbilqə taxır, Blaze odüfürmə nömrəsi üçün tac alır. Kiçik detallar, amma hər ifaçıya bir baxışda tanıya biləcəyiniz kimlik verir.
Səhnənin özü təqvimlə dəyişir. Mövsümi hissəcik sistemi qışda qar, yazda albalı çiçəkləri, yayda ateşböcəkləri və payızda süzülən yarpaqlar tökür. Həmçinin real dünya saatınıza bağlı incə gündüz/gecə tonu var — zolaq qızıl saatda isinir və qaranlıqdan sonra tündləşir, gecə səmasında daha parlaq ulduzlarla.
Ən böyük əlavə Sirk Müdiridir — nömrələr arasında gəzən xüsusi papaq geymiş birə. O çıxış etmir; nəzarət edir. Onun patrol yolunu düzgün qurmaq yeriyişlərini nömrə keçidi bitdikdə gəlməsinə uyğunlaşdırmaq demək idi ki, bu bütün sirkə əvvəl olmayan xoreoqrafiya hissi verir.
Örtük altında tam tema sistemi bütün bunları idarə edir. Səkkiz rəng palitrası üstəgəl aya görə doğru olanı seçən avto-mövsümi rejim. Hər nömrədəki və UI elementindəki hər rəng aktiv temadan götürülür, belə ki keçid üstünə yapışdırılmış deyil, qüsursuz hiss olunur.
v1.1.0: İki Yeni Nömrə
Versiya 1.1.0 siyahıya Jonqlyor Nömrəsi və Odüfürəni əlavə edir və canlı sirk nömrələrinin ümumi sayını yeddiyə çatdırır. Hər ikisi şounun qalan hissəsini idarə edən eyni enerji sistemi üzərində işləyir — düymə basışlarınız, siçan hərəkətləriniz və kliklər.
Jonqlyor həqiqi parabolik qövslərdə çoxlu topları izləyir. Say enerji ilə miqyaslanır: boşdakı iki-üç, tam gücdə altıya qədər, tamaşaçılar coşanda arxa tərəfdən tutma ilə. Zamanlamanı düzgün qurmaq hər topun fazasını ayırmağı tələb edirdi ki, yığılmasın.
Odüfürən mövcud hissəcik sistemindən istifadə edir, lakin yeni istilik titrəməsi effekti ilə. Alov uzunluğu enerji ilə artır və kliklər bonus partlayışlar yaradır. Ən çətin hissə rəng qarışdırma idi — zolaqlanmadan əsasdakı tünd qırmızıdan ucundakı parlaq sarıya qədər hamar keçid.
Hər iki nömrə mövcud rotasiya sisteminə yerləşir, belə ki onları orijinal beşliklə birlikdə dəyişdiyini görəcəksiniz. Sevimlini sabitləmək istəyirsinizsə, Parametrlər paneli indi fərdi nömrələri yandırmağa və söndürməyə imkan verir.
Tarix Səhifəsinin Arxasındakı Tarix
FleaWinder-ın tarix səhifəsi dörd yüz ildən artıq əsl birə sirklərini sənədləşdirir — Robert Hooke-un 1665-ci ildəki mikroskop eskizlərindən bu gün hələ də işləyən Oktoberfest ifaçılarına qədər. Bunu yazmaq Viktoriya dövründəki afişaları, rəqəmsallaşdırılmış qəzet kəsiklərini və entomoloji əyləncə haqqında təəccüblü sayda akademik məqaləni oxumaq demək idi.
Ən çətin hissə nəyi kənarda buraxmağa qərar vermək idi. Tək başına Louis Bertolotto bir kitab doldura bilərdi (və doldurub — bir neçəsini, əslində). Güzəşt əsas nöqtələri tutan zaman xətti və daha dərindən araşdırmaq istəyənlər üçün genişləndirilə bilən bölmələr idi.
Səhifə təsvir etdiyi broşüra və afişaları əks etdirmək üçün baş hərflər, bəzək bölücüləri və serif şrift istifadə edir. Oxucunu bunaltmamaq üçün hər bölmə susmaya görə yığılır, lakin ilk paraqraf sizi çəkmək üçün həmişə baş hərflə görünür.
Bütün mətn İngilis, İspan və Almanca dillərdə mövcuddur. Tərcümə prosesi bəzi maraqlı yerli tarixi üzə çıxardı — məsələn, Oktoberfestdəki Alman Flohzirkus ənənələrinin London və Nyu-York səhnələrindən fərqli öz nəsil şəcərəsi var.
Niyə FleaWinder Qurdum
Kompüteri canlı hiss etdirən bir şey istəyirdim — diqqəti yayındıran deyil, mövcudluğunuza cavab verən sakit bir yoldaş kimi. Əksər ekran qoruyucuları siz getdikdə aktivləşir; FleaWinder siz gəldikdə aktivləşir.
Fikir sadə idi: əməliyyat sisteminizin görmədən keçdiyi bütün boş girişi — yazma ritminizi, siçanınızın sürətini, kliklerin kadansını — götürün və animasiyalı sirk birələri trupasına verin. Nə qədər çox işləyirsinizsə, şou bir o qədər canlanır.
Tapşırıq çubuğunun üstündə şəffaf örtük kimi qurmaq doğru məhdudiyyət oldu. Həmişə görünür, amma heç vaxt mane olmur. Onunla birbaşa qarşılıqlı əlaqə yaratmırsınız; sadəcə işləyirsiniz və o cavab verir. Texniki çağırış onu həqiqətən klik keçirən etmək idi ki, heç vaxt fokusu oğurlamasın.
FleaWinder Viktoriya dövründəki birə sirkinə sevgi məktubudur — saat ustalarının əsl birələri miniatür karetaları çəkməyə və kəndirlərdə yeritməyə bağladığı əsrlərlə köhnə, əsl bir sənət forması. Tarix səhifəsi bu hekayəni tam şəkildə danışır.