Verhale en notas oor die bou van FleaWinder — 'n klein geanimeerde sirkus aangedryf deur jou sleutelbord en muis.
Die Sirkus na Klein Skerms Neem
FleaWinder is ontwerp vir 'n wye, dun strook bo die taakbalk — gemaklik landskap. Fone is portret. Om die sirkus op klein skerms te laat werk, het beteken dat die uitleg heroorweeg moes word sonder om te verloor wat dit lewendig laat voel.
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.
Die groter uitdaging was leesbaarheid. Op 'n fonskerm is vlooie wat op lessenaarsgrootte geteken is, net kolletjies. Ons het 'n zoompas bygevoeg wat vlooilywe opskaal sodat hul kostuums, uitdrukkings en bykomstighede werklik sigbaar is — Pip se kopband, Rex se helm, Blaze se klein kroontjie. Die persoonlikheidsbesonderhede wat altyd daar was, lees skielik op armlengte.
Die res van die selfoon-hersiening was minder glansryk maar net so belangrik: aanraakvriendelike tikteikens, beter lettertype-skaal, responsiewe spasiering regdeur die bemarkingswebwerf. Niks revolusioner nie — net seker maak dat die sirkus reg lyk waar jy dit ook al vind.
Kostuums, Seisoene en 'n Sirkusmeester
Hierdie week het alles gegaan oor visuele diepte. Elke vlooi in die kolonie dra nou 'n unieke kostuum — Nova het 'n sambreel op die strakkoord, Rex dra 'n helm in die kanon, Blaze kry 'n kroon vir die vuurblasery. Klein besonderhede, maar hulle gee elke kunstenaar 'n identiteit wat jy met 'n oogopslag kan raaksien.
Die verhoog self verander met die kalender. 'n Seisoenale deeltjiestelsel laat sneeu val in die winter, kersiebloeisels in die lente, vuurvliegies in die somer, en dryf blare in die herfs. Daar is ook 'n subtiele dag/nag-tint gekoppel aan jou werklike horlosie — die strook word warmer by goue uur en verdof na donker, met helderder sterre in die naghemel.
Die grootste byvoeging is die Sirkusmeester — 'n spesiale vlooi in 'n hoe hoed wat tussen optredes wandel en die vertoning inspekteer. Hy tree nie op nie; hy hou toesig. Om sy patroljieroete reg te kry, het beteken dat sy wandelinge so geplaas moes word dat hy aankom net soos 'n optrede-oorgang klaar is, wat die hele sirkus 'n gevoel van choreografie gee wat dit nie voorheen gehad het nie.
Onder die enjinkap dryf 'n volle temastelsel nou al hiervan aan. Agt kleurpalette plus 'n outo-seisoenale modus wat die regte een kies op grond van die maand. Elke kleur in elke optrede en UI-element trek van die aktiewe tema, sodat die skakeling naatloos voel eerder as vasgeskroef.
v1.1.0: Twee Nuwe Optredes
Weergawe 1.1.0 voeg die Jongleeroptrede en Vuurblaser by die lys, wat die totaal na sewe lewendige sirkusoptredes bring. Beide loop op dieselfde energiestelsel wat die res van die vertoning aandryf — jou toetsaanslae, muisbewegings en klikke.
Die Jongleerder volg verskeie balle in ware paraboliese boee. Die getal skaal met energie: twee of drie by russtand, tot ses op volle krag, met agter-die-rug-vange wanneer die skare mal gaan. Om die tydsberekening reg te kry, het vereis dat elke bal se fase ontkoppel word sodat hulle nie saamklont nie.
Die Vuurblaser gebruik die bestaande deeltjiestelsel maar met 'n nuwe hitte-glimmer-effek. Vlamlengte groei met energie, en klikke lewer bonusuitbarstings. Die moeilikste deel was kleurvermenging — om glad van diep rooi by die basis na helder geel by die punt oor te gaan sonder om gestreep te lyk.
Beide optredes pas in die bestaande rotasiestelsel, so jy sal hulle sien inruil en uitruil saam met die oorspronklike vyf. As jy 'n gunsteling wil vaspen, laat die Instellingspaneel jou nou individuele optredes aan- en afskakel.
Die Geskiedenis Agter die Geskiedenisbladsy
FleaWinder se geskiedenisbladsy dokumenteer meer as vierhonderd jaar se werklike vlooiersirkusse — van Robert Hooke se mikroskoopsketse in 1665 tot die Oktoberfest-kunstenaars wat vandag nog werk. Om dit te skryf, het beteken om Victoriaanse aanplakbiljette, gedigitaliseerde koerantuitknipsels en 'n verbasende aantal akademiese artikels oor entomologiese vermaak te lees.
Die moeilikste deel was om te besluit wat uitgelaat moes word. Louis Bertolotto alleen kon 'n boek vul (en hy het — verskeie, trouens). Die kompromie was 'n tydlyn wat die hoofmomente tref en 'n stel uitvoubare afdelings vir enigiemand wat dieper wil delf.
Die bladsy gebruik initiale, ornamentele verdelers en 'n serif-lettertipe om die nuusblaaie en aanplakbiljette wat dit beskryf, te eggo. Elke afdeling vou by verstek toe sodat die leser nie oorweldig word nie, maar die eerste paragraaf is altyd sigbaar met 'n initiaal om jou in te trek.
Alle teks is beskikbaar in Engels, Spaans en Duits. Die vertaalproses het fassinerende plaaslike geskiedenis na vore gebring — Duitse Flohzirkus-tradisies by Oktoberfest, byvoorbeeld, het hul eie lyn afsonderlik van die Londense en New Yorkse tonele.
Waarom Ek FleaWinder Gebou Het
Ek wou iets he wat die rekenaar lewendig laat voel — nie op 'n afleidende manier nie, maar as 'n stil metgesel wat op jou teenwoordigheid reageer. Die meeste skermbeskermers aktiveer wanneer jy weggaan; FleaWinder aktiveer wanneer jy aankom.
Die idee was eenvoudig: neem al die onbenutte invoer wat jou bedryfstelsel ignoreer — die ritme van jou tik, die spoed van jou muis, die kadans van jou klikke — en voer dit aan 'n trop geanimeerde sirkusvlooie. Hoe meer jy werk, hoe meer kom die vertoning tot lewe.
Om dit as 'n deursigtige oorlegsel bo die taakbalk te bou, was die regte beperking. Dit is altyd sigbaar maar nooit in die pad nie. Jy werk nie direk daarmee nie; jy werk net, en dit reageer. Die tegniese uitdaging was om dit werklik deurklikbaar te maak sodat dit nooit fokus steel nie.
FleaWinder is 'n liefdesbrief aan die Victoriaanse vlooiersirkus — 'n werklike, eeue-oue kunsvorm waar horlosiemakers werklike vlooie ingetuig het om miniatuur koetse te trek en oor strakkoorde te loop. Die geskiedenisbladsy vertel daardie verhaal volledig.
