Teranoptia - キメラ生物を想像させる書体
(tunera.xyz)- Teranoptiaは文字を読むためのフォントではなく、キー入力でキメラのような生物や装飾を作れる非文字書体
- Bayeux Tapestry、中世の挿絵、児童書に由来する視覚言語をもとに、植物と動物の形を組み合わせる
- 縁飾り、怪物の想像、レイアウトの**余白装飾（marginalia）**のように、文字の位置を画像生成ツールのように活用できる
- 最初のバージョンはA-Zの文字、一部の発音区別記号と記号を含み、今後ほかの種類の要素も追加される予定
- SIL Open Font Licenseにより無料で使用・配布・改変できるが、Tuneraとデザイナーのクレジットを併記する必要がある
文字の代わりに生物を作る書体
- Teranoptiaは一般的なテキスト表示用の書体ではなく、入力した文字に対応する生物や装飾要素を配置する方式で動作する
- 視覚的な着想はBayeux Tapestry、中世の挿絵、児童書から得ており、最初のバージョンは主に植物と動物を表現する
- 活用方法は装飾が中心
- 縁飾りの生成
- 怪物またはキメラ型生物の想像
- レイアウトにmarginaliaスタイルの要素を追加
収録文字と今後の拡張
- 最初のバージョンはA-Zの文字、一部の発音区別記号と記号を含む
- 現在の構成は植物と動物の表現に重点を置いており、今後ほかの種類の要素も含まれる予定
ダウンロードとライセンス
- PDF Specimen: Teranoptiaの見本PDF
- Download teranoptia!: 書体をダウンロード
- SIL Open Font License: 無料で使用、配布、改変が可能
- デザイナーはAriel Martín Pérezで、Tuneraとデザイナーをクレジットする必要がある
1件のコメント
Hacker News のコメント
本当にすごい。今朝クリーチャーを組み合わせて遊んでいて、かなり楽しかった
直接ダウンロードしなくても試せるように、自分のサイトにtextareaでフォントを試せる小さなページを作っておいた
https://epiccoleman.com/posts/2024-05-02-teranoptia-playgrou...
記号表もひとつ作りたいし、html2canvasで作った生き物を画像としてダウンロードできるようにしてもよさそう。仕事が終わったあとにやるかもしれない
アプリのウィンドウに otf や ttf ファイルをドラッグ＆ドロップすると、グリフを SVG 図形として読み込んで描ける。良いところは2次元で動作すること、
rショートカットで回転、iショートカットで反転できること、そして結果を SVG や PNG に書き出せることhttps://glyphdrawing.club
/assets/me.jpgが1.3MB の画像なのに、ページではとても小さいサムネイルサイズでしか表示されていないクリックするとその文字をクリップボードにコピーしてくれるので、キーボードにない変わった文字を扱うときに便利
https://epiccoleman.com/posts/2024-05-05-teranoptia-cheatshe...
編集: 兄弟コメントを見て、placeholder テキストが編集可能だとやっと分かった。飾りだと思っていた
一部の記号文字の解釈が本当に良い。
- * ($) [$$] {$$$} ,あたりを見ると分かる特にアスタリスクがヒトデなのが気に入った。このフォントの性格によく合っている
大文字が小文字と同じ順序だったらもっとよかったかも。
aを反転するにはZ、bを反転するにはYを入力しないといけないので、アルファベットの中ほどまで来ると混乱するAltGr-XまたはYは双方向パイプ、AltGr-Eは縦棒、AltGr-Jは最後の文字の下に点を縦に追加するShiftの組み合わせは配置も反転する編集: 今気づいたけれど、
Jはドイツ語キーボードの記号スタック機能で、このフォントとは関係なかった6歳の子どもと一緒に Pokémon カードを作っていて、キメラベースのAI キャラクター画像も生成している
今日の朝の登校中には、鎧をたくさんまとった騎士+サソリを想像していた。基本形は knightstrike、第1段階は knightbite、第2段階は knightflight
子どもの Raspberry Pi にこのフォントをぜひ入れようと思う。キーボードを探検する楽しい方法になりそうでいい
面白い。道案内や地図向けには、回転方向、高速道路標識、道路標識を示すフォントがあれば、人が方向や方位の観点で考える助けになるかもしれない
認識できるグリフなので、文法や語彙を新たに学ぶ必要を減らせる。意味はすでに既存の言語の中に自然にエンコードされている
⬆⬇↗↖↔↩本当に楽しい
実際の単語で「生き物」を作れたらすごく満足感がありそう。今はよく使う母音のかなりの部分が末尾パーツ、つまり頭や尾を表している
^[aeimpvy][bcfgjknqtw]*[dhloruxz]$指摘のとおり母音がすべて末尾パーツ側にあるので、中間の胴体が2文字より長い生き物は存在しない。結果はだいたいこんな単語になる:
ad ago ah and ankh awl ax ego eh end er etch ex id inch into itch複数の生き物で構成される単語まで含めることもできる。気に入っている例は
aggrandizer,alexander,equalizer,inlander,mumbler,phalanx,poacher,prelingual,voided0: https://regexdictionary.com/regex?r=%5E%5Baeimpvy%5D%5Bbcfgj...
1: [https://regexdictionary.com/regex?r=%5E(%5Baeimpvy%5D%5Bcfg...](https://regexdictionary.com/regex?r=%5E(%5Baeimpvy%5D%5Bbcfgjknqtw%5D*%5Bdhloruxz%5D)*%24\)*
わあ、本当にすごく見える
フォントをこういうふうに使うのは初めて見た
ほかにも例はある？
https://www.coderelay.io/fontemon.html
すべてのバズワードを Comic Sans スタイルの検閲バーに変えてくれるフォント
本当に楽しい
どの文字が左/右、開始/中間/終了に対応しているのかという説明書がないのは意外
しかも対応の選び方が直感的ではない。たとえば
a-gは開始、h-tは中間、u-zは終了のように単純にできたかもしれないhttps://imgur.com/a/pMKdX3i
https://twitter.com/dchest/status/1786033028034125984
左から右へ向くものの一覧はこう:
const tails = "dhloruxzER",const bodies = "bcfgjknqtw",const heads = "aempsy"少し余談だけれど、もっと短くてよく知られた単語があるのに、なぜ typeface という言葉がよく、ここでも使われるのか気になる
付け加えると、この創造的なフォントは本当に気に入っている
ついにキメラ生物を想像できるフォントが出てきた
テーブルトップ RPG にとても良さそう