前回の投稿に続いて（あるいは、先立って）…

1.

昔のコンピュータは8×8のフォントを好み、8×8のグラフィックスも好んで使っていた。

当時の多くのコンピュータではグラフィックスが隙間なく横に並べて表示されたため、フォント側では文字と文字の間に余白を作るために貴重な1〜2ピクセルを犠牲にしなければならなかった。しかしこの配置には利点もあった。2つ以上のタイルをシームレスに組み合わせて、より大きなものを作ることができたのだ。

その例は1970年代後半のコンピュータ、Ohio Scientific Challenger 1Pの内蔵グラフィックスにもすでに見られる。家や戦車、飛行機、人といった1文字で完結するグラフィックスがたくさんある一方で、組み合わせて初めて意味をなすものもあった。潜水艦や軍艦、あるいはU.S.S.エンタープライズになるものだ。

後のコンピュータであるAtari STでは、Atariのロゴが2文字にまたがって表示され、さらにイースターエッグとして「ボブ」の16×16の顔が隠されていた。

そしてApple IIのキャラクタセットでは、いくつかのグリフを組み合わせることで、走る人やフォルダ、スクロールバーを作ることができた。

アーケードゲームも同じ手法を使っていた。パックマンの迷路は1つひとつの8×8キャラクタを組み合わせて作られていたが、パックマン自身や宿敵たちは16×16と大きかった。

上の画像には興味深いテクニックも見て取れる。ゴーストは2×2のグリッドにきれいに収まるはずなのに、あえて垂直方向にずらして2×3の枠を使っている。なぜか。目と「スカート」部分を独立して動かせるようにするためで、そうしなければ必要になるタイルの組み合わせが爆発的に増えてしまうからだ。

2.

少し前に、Mac OS Xアプリのさまざまなインストール用グラフィックスを見た。あれらはFinderの新機能である背景画像を指定する方法をクリエイティブに活用したものだった。

1984年から1990年代後半までのMac OS X以前のFinderにはその機能がなく、それでも時折こんなものを見かけることがあった。

どうやって実現していたのか。グラフィックスを多数の32×32のアイコンに分割し、ウィンドウ内で慎重に配置していたのだ。

アイコンはアプリや画像の代理ではなかった。ただそこに存在しているだけだった。最後の仕掛けは名前を空白文字だけで構成すること。すると全体が途切れのない一枚の大きな画像のように見えるようになる……ただし「Clean Up」機能を実行したときは別だ。その途端、実に愉快な形で台無しにされてしまう。

3.

Slackは2014年のローンチ以来、どのワークスペースでも誰もがカスタムの共有絵文字を作成できるようにしており、その1年後からはリアクションでも使えるようになった。

それらは非常に人気を博し、カスタム絵文字が組織の文化をどう映し出すかについては何冊もの本が書けるほどだ。

多くの絵文字は横に並べて表示することもでき、Slackはその間にスペースを入れないという選択をした。

この流れがどこに向かうか、もうお分かりだろう。

人々は大きな画像を小さな絵文字に分割し始め、最初は手作業で…

…次に限定的な自動化で、そしてslack-big-emojiやslack-emoji-enlargerといった完全自動化されたツールを使って行うようになった。

この手法の他のあらゆるバージョンと同様、タイルを正しい順序で組み立てること自体が挑戦の一部だ。上の例はこんなふうになっている。

:tjp3-000::tjp3-001::tjp3-002::tjp3-003::tjp3-004::tjp3-005::tjp3-006::tjp3-007::tjp3-008::tjp3-009::tjp3-010::tjp3-011::tjp3-012::tjp3-013::tjp3-014::tjp3-015::tjp3-016::tjp3-017::tjp3-018::tjp3-019:
:tjp3-020::tjp3-021::tjp3-022::tjp3-023::tjp3-024::tjp3-025::tjp3-026::tjp3-027::tjp3-028::tjp3-029::tjp3-030::tjp3-031::tjp3-032::tjp3-033::tjp3-034::tjp3-035::tjp3-036::tjp3-037::tjp3-038::tjp3-039:
:tjp3-040::tjp3-041::tjp3-042::tjp3-043::tjp3-044::tjp3-045::tjp3-046::tjp3-047::tjp3-048::tjp3-049::tjp3-050::tjp3-051::tjp3-052::tjp3-053::tjp3-054::tjp3-055::tjp3-056::tjp3-057::tjp3-058::tjp3-059:
:tjp3-060::tjp3-061::tjp3-062::tjp3-063::tjp3-064::tjp3-065::tjp3-066::tjp3-067::tjp3-068::tjp3-069::tjp3-070::tjp3-071::tjp3-072::tjp3-073::tjp3-074::tjp3-075::tjp3-076::tjp3-077::tjp3-078::tjp3-079:
:tjp3-080::tjp3-081::tjp3-082::tjp3-083::tjp3-084::tjp3-085::tjp3-086::tjp3-087::tjp3-088::tjp3-089::tjp3-090::tjp3-091::tjp3-092::tjp3-093::tjp3-094::tjp3-095::tjp3-096::tjp3-097::tjp3-098::tjp3-099:
:tjp3-100::tjp3-101::tjp3-102::tjp3-103::tjp3-104::tjp3-105::tjp3-106::tjp3-107::tjp3-108::tjp3-109::tjp3-110::tjp3-111::tjp3-112::tjp3-113::tjp3-114::tjp3-115::tjp3-116::tjp3-117::tjp3-118::tjp3-119:
:tjp3-120::tjp3-121::tjp3-122::tjp3-123::tjp3-124::tjp3-125::tjp3-126::tjp3-127::tjp3-128::tjp3-129::tjp3-130::tjp3-131::tjp3-132::tjp3-133::tjp3-134::tjp3-135::tjp3-136::tjp3-137::tjp3-138::tjp3-139:
:tjp3-140::tjp3-141::tjp3-142::tjp3-143::tjp3-144::tjp3-145::tjp3-146::tjp3-147::tjp3-148::tjp3-149::tjp3-150::tjp3-151::tjp3-152::tjp3-153::tjp3-154::tjp3-155::tjp3-156::tjp3-157::tjp3-158::tjp3-159:
:tjp3-160::tjp3-161::tjp3-162::tjp3-163::tjp3-164::tjp3-165::tjp3-166::tjp3-167::tjp3-168::tjp3-169::tjp3-170::tjp3-171::tjp3-172::tjp3-173::tjp3-174::tjp3-175::tjp3-176::tjp3-177::tjp3-178::tjp3-179:
:tjp3-180::tjp3-181::tjp3-182::tjp3-183::tjp3-184::tjp3-185::tjp3-186::tjp3-187::tjp3-188::tjp3-189::tjp3-190::tjp3-191::tjp3-192::tjp3-193::tjp3-194::tjp3-195::tjp3-196::tjp3-197::tjp3-198::tjp3-199:

Slackでも画像を共有できるのに、何の意味があるのかと思うかもしれない。

正直、あるのかどうか私にもわからない。確かに、タイル状の画像なら通常の画像ではできないように周囲に文章を回り込ませることができ、余計なUIも表示されない。しかし本当の理由は、単純に「ゲームへの愛」なのだ。

だからこそ私は歴史の細部が好きなのだ。古いディテールがいつまた息を吹き返すかわからない。ときには試してみると楽しいハックで終わることもあるが、たまには厄介な問題に対する唯一の解決策になることもある。

classic Mac OSにおけるタイリングについて教えてくれたAndrew Yaros氏に感謝する。