開発ノート

Notes from building FleaWinder Living Circus: a tiny world of performers, places, and the odd things they remember.

The Circus Found Its Poster

For a while, the website was still presenting FleaWinder like the old desktop strip: a row of acts above a taskbar, powered by everyday input. That is true history, and I am fond of it. But it is no longer the clearest picture of what the project is becoming.

The current build begins with a small illustrated place: a ring, workshops, paths, quiet corners, and room for another flea. That shift sounds cosmetic, but it changes the promise. The founding eight are not a fixed product catalogue. They are the people who welcome you into a world that can make room for someone new.

I brought the actual iPhone and Apple TV art onto the site rather than inventing a separate marketing look. The living grounds map and the habitats are game art. They show the version of FleaWinder I want to keep building: tactile, a little secret, warm at the edges, and large enough for a small history without pretending to be an empire.

This also clarified the release story. The next public chapter is the Apple circus on iPhone, iPad, and Apple TV. Windows Classic and macOS remain free little archives of where the show started while the next desktop edition takes its time. The website should make that future visible at a glance.

A Flea Needs a Room

Creating a flea was never meant to stop at choosing an act, a color, and a hat. A character becomes easier to care about when they have somewhere to go after the applause. That is why the habitat work became a real system instead of a single decorative screen.

Habitats now keep their own state and daily rhythm. A flea can settle into a corner, collect the small objects that make it feel used, and carry that sense of place back into the larger circus. The important design question was not which furniture could be unlocked. It was what makes a place feel like it belongs to someone.

The next step connected those rooms to the world itself. A habitat is not a menu tab in costume: it can point outward to a destination, a route, a visitor, or a reason to return. That gives a created flea a life adjacent to the stage rather than treating it as a replacement skin for one of the founders.

The art helped set the tone. Blanket forts, mossy folds, paper ledges, lamps, thread, cups of tea: each is deliberately flea-sized. The circus should feel like a place you lean toward, not a dashboard you manage.

A Map Is Not a Menu

The Living Route began with a refusal: I did not want to add a World tab that was only another list of systems. If the circus was going to have places, those places needed to suggest distance, weather, routine, and the possibility that something had happened there before you opened the screen.

So the world became a route. The ring, workshop, archive, commons, and quiet corners sit in relation to one another. A player can follow an open question, visit a familiar place, or discover that a route has become meaningful because the same people keep passing through it.

That relationship is why the map matters more than a set of destination buttons. A path can acquire a story. A place can become known for a particular rehearsal, a borrowed prop, a late-night conversation, or a recurring bit of weather. The world starts to feel particular without demanding a quest log.

It is also a useful boundary for the whole project. FleaWinder should offer threads, not chores. A route is an invitation to notice what changed, not an obligation to clear every marker before bedtime.

What the Daily Flea Is For

A living circus needs a way to remember public life without turning every private moment into content. That was the reason for the Daily Flea: not a feed, not a notification machine, but a tiny newsroom with reporters, sources, corrections, letters, archives, and enough editorial judgment to leave some things alone.

The newsroom work gave the paper a rhythm. A public consequence can earn a follow-up. A reporter can have a beat and a method. A correction can matter. Repeated events can become the sort of local story that gets retold differently by different people. Those details are small, but they let the circus develop a public memory instead of a pile of disconnected headlines.

At the same time, the performers gained a different kind of history: legacy. A flea can teach, retire, leave behind a technique, or remain important after it no longer holds the center of the ring. That is the opposite of collection-game logic. The point is not to maximize a roster; it is to make influence visible after a moment has passed.

The rule I keep returning to is simple: private scenes stay private unless someone inside the world makes them public. The paper is there to witness the circus, not to expose it.

Keeping a Spatial Circus Small

Putting a circus in a room creates an obvious temptation: make it huge. The better answer for FleaWinder was the opposite. The spatial stage works when it feels like a tiny performance has quietly arrived on a table, a shelf, or a clear patch of floor - something you approach rather than something that takes over the room.

The practical work was all about making that feeling dependable. The stage has to find surfaces, place the acts with enough room to read, respect the difference between devices, and fall back gracefully when a room cannot offer every kind of depth information. The technology is only useful if the performer still feels like the same performer.

That became the visual test: Nova should still read as Nova on a small wire, and Bugg should still be Bugg when the ramp is a few inches long. The goal is continuity of character and gesture, not a technical demo with circus wallpaper.

Spatial play is one more way to be near the troupe. It is not a separate game, a new economy, or a reason to make the player perform for the app. The circus stays flea-sized on purpose.

How the fleas learned to sound more like themselves

This month I spent time on a quieter kind of magic: helping each flea feel more like a tiny performer with a point of view. The goal was not to make the circus louder or more complicated. It was to make the moments between tricks feel warmer, more specific, and less repetitive.

The new voice work gives each flea a clearer rhythm. Pip can be proud without becoming stiff, Nova can notice details without turning into a lecture, and Bugg can keep that bright daredevil spark even when the app is simply idling on a desk.

I also tightened the way seasonal flavor shows up. A spring session should not feel exactly like an autumn one, and a late-night wind should have a slightly different mood than a midday check-in. Those shifts are small on purpose. FleaWinder works best when it feels alive without demanding attention.

The important part is consistency. The same troupe should feel familiar on iPhone, Apple TV, Mac, watch, widgets, and the spatial circus. When a flea becomes more expressive in one place, the rest of the surfaces need to catch up so the project still feels like one world.

That is the thread I keep coming back to: tiny, readable, characterful moments that travel everywhere. The fleas are still small. The circus is still gentle. But they have a little more presence now, and that makes the whole thing feel more cared for.

サーカスを小さな画面へ

FleaWinder はタスクバーの上の横長の細いストリップ向けに設計されました。スマートフォンは縦向きです。小さな画面でサーカスを機能させるには、生き生きとした感覚を失わずにレイアウトを再考する必要がありました。

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.

より大きな課題は可読性でした。スマートフォンの画面では、デスクトップスケールで描かれたノミはただの点です。ノミの体を拡大するズームパスを追加し、衣装、表情、アクセサリーが実際に見えるようにしました — Pip のヘッドバンド、Rex のヘルメット、Blaze の小さな王冠。常にそこにあった個性の細部が、突然腕の長さの距離で読み取れるようになりました。

モバイル改修の残りの部分は華やかさは劣りますが同じくらい重要でした:タッチしやすいタップターゲット、より良いフォントスケーリング、マーケティングサイト全体のレスポンシブな間隔調整。革命的なことは何もありません — サーカスがどこで見つけても正しく表示されるようにしただけです。

衣装、季節、そしてリングマスター

今週はビジュアルの奥行きがすべてでした。コロニーの各ノミがユニークな衣装を着るようになりました — Nova は綱渡りで日傘を持ち、Rex は大砲でヘルメットをかぶり、Blaze は火吹き演目で王冠をもらいます。小さなディテールですが、一目でわかるアイデンティティを各パフォーマーに与えてくれます。

ステージ自体がカレンダーとともに変わります。季節のパーティクルシステムが、冬には雪を、春には桜の花びらを、夏にはホタルを、秋には漂う落ち葉を降らせます。現実の時計に連動した微妙な昼夜のティントもあります — ゴールデンアワーにストリップが暖かくなり、日没後は暗くなり、夜空にはより明るい星が輝きます。

最大の追加はリングマスターです — シルクハットをかぶった特別なノミが演目の間を歩き回り、ショーを視察します。彼はパフォーマンスしません。監督するのです。パトロール経路を正しく設定するということは、演目の切り替えが終わるちょうどそのタイミングで到着するように歩行間隔を調整することを意味し、サーカス全体に以前にはなかった振り付けの感覚を与えます。

内部では、完全なテーマシステムがこれらすべてを動かしています。8つのカラーパレットに加え、月に基づいて適切なものを選択する自動シーズナルモード。すべての演目とUI要素のすべての色がアクティブなテーマから取得されるため、切り替えが継ぎ接ぎではなくシームレスに感じられます。

v1.1.0:2つの新しい演目

バージョン1.1.0では、ジャグリング演目とファイヤーブレザーがラインナップに加わり、ライブサーカス演目は合計7つになりました。どちらもショーの他の部分を駆動するのと同じエネルギーシステム——キーストローク、マウス操作、クリック——で動きます。

ジャグラーは複数のボールを本物の放物線軌道で追跡します。ボールの数はエネルギーに応じて変わります:アイドル時は2〜3個、フルパワーで最大6個、観客が熱狂すると背中越しのキャッチも披露します。タイミングを正しく合わせるには、各ボールの位相を分離してボールが固まらないようにする必要がありました。

ファイヤーブレザーは既存のパーティクルシステムを使用していますが、新しい熱のゆらめきエフェクトが追加されています。炎の長さはエネルギーに比例して伸び、クリックでボーナスバーストが発生します。最も難しかったのは色のブレンドでした——根元の深い赤から先端の明るい黄色へ、帯状に見えないように滑らかに遷移させることです。

どちらの演目も既存のローテーションシステムに組み込まれているので、オリジナルの5つの演目と一緒に入れ替わりながら表示されます。お気に入りを固定したい場合は、設定パネルで個々の演目のオン/オフを切り替えることができるようになりました。

歴史ページの裏側にある歴史

FleaWinder の歴史ページは、1665年のロバート・フックの顕微鏡スケッチから現在も活動するオクトーバーフェストのパフォーマーまで、400年以上にわたる本物のノミのサーカスを記録しています。このページを書くためには、ヴィクトリア朝の宣伝ビラ、デジタル化された新聞の切り抜き、そして昆虫学的エンターテインメントに関する驚くほど多くの学術論文を読む必要がありました。

最も難しかったのは何を省くかでした。ルイ・ベルトロットだけで1冊の本が書けます(そして実際に彼はそうしました——何冊も)。妥協案として、主要な出来事を押さえた年表と、さらに深く掘り下げたい人のための展開可能なセクションを設けました。

このページでは、ドロップキャップ、装飾的なデバイダー、セリフ書体を使用しており、記述するビラやパンフレットを思わせるデザインになっています。読者が圧倒されないようにすべてのセクションはデフォルトで折りたたまれていますが、最初の段落は常にドロップキャップ付きで表示され、読者を引き込みます。

すべてのテキストは英語、スペイン語、ドイツ語で利用できます。翻訳の過程で、いくつかの興味深い地域の歴史が浮かび上がりました——例えば、オクトーバーフェストのドイツのFlohzirkus(ノミのサーカス)の伝統は、ロンドンやニューヨークのシーンとは異なる独自の系譜を持っています。

なぜ FleaWinder を作ったのか

コンピュータが生きていると感じるようなものが欲しかったのです——気が散るようなものではなく、あなたの存在に反応する静かなコンパニオンとして。ほとんどのスクリーンセーバーはあなたが離れると起動しますが、FleaWinder はあなたが来ると起動します。

アイデアはシンプルでした:OSが無視するすべての入力——タイピングのリズム、マウスの速度、クリックのテンポ——を、アニメーションのサーカスノミの一座に与えること。作業すればするほど、ショーは活き活きとします。

タスクバーの上の透明なオーバーレイとして作るという制約が、結果的に正しい選択でした。常に見えているけれど、邪魔にならない。直接操作するものではありません。ただ作業すれば、それが反応します。技術的な課題は、フォーカスを奪わないように本当にクリックスルーにすることでした。

FleaWinder はヴィクトリア朝のノミのサーカスへのラブレターです——時計職人が本物のノミにハーネスを付けてミニチュアの馬車を引かせたり綱渡りをさせたりした、何世紀もの歴史を持つ本物の芸術形式です。歴史ページでその物語を全て紹介しています。