投稿先: https://noratetsu.blogspot.com/2023/01/20230108.html
2023/01/08 ―― アイコンと生まれる表現/ドット絵を描くツール
アイコンを替えることにした。
After(四代目)
Before(三代目)
前回(三代目)が去年の八月末からだったので、四ヶ月ちょっとでの変更ということになる。初代と二代目はもう少し長く使っていたから最短の交替。イラストとしては気に入っていたのだが、ちょっと理由があってずっと変更を考えながら使っていた。
いずれにしても蟹であることには変わりないけれども(蟹である理由などはこちら→泡を吐く蟹)、印象はまあ全然違ったものになったと思われる。一番違うのは「目」の存在感だろうなと思う。
ブログだとブログを書いている間も読む間もアイコンなんてのは気にしないので、どんなアイコンでも大した差はないし、そもそもアイコンはなくてもいい。多分アイコンの存在を私自身が気にしていないから今まさに書いているような文体で書いていられているのだと思う。
一方、短文投稿サイトの類は話が違ってくる。TwitterやMastodonの投稿には常にアイコンが伴い、自分がそのアイコンの顔で喋っているということを強く意識している。そういう意識があるからなるべく滑稽なアイコンにしようと思って作ったのが二代目や三代目のアイコンだった。いちおう自分なりに面白い存在でいようと思ってのことだ。
で、攻撃性の低いとぼけたような感じにしようと思ってそうしたのだが、特に三代目に替えてからひとつの問題を感じていた。なんとなく、丁寧語で喋りづらいのである。丁寧に書こうと意識した時は丁寧語で投稿したが、丁寧に書こうというくらいの改まった意識を持たないと丁寧語にならない。雑に喋るほうが自然な感じがしてしまう。
初代のアイコンの時は多分そうではなかった。その変化は「『のらてつ』でいることに慣れてしまった」ということかとも思っていたのだが、しかしどちらかというと、「顔が変わった」ことの影響の方が大きいような感じがする。
具体的には、とぼけた感じの顔であることにより、丁寧に書こうとすると逆に圧があるような気がしてしまったということがある。これは他の世界で感じていたことを引きずっているせいもあるのかもしれない。
普段攻撃性も隠さずにおちゃらけている如何にもツイッタラーらしいツイッタラーが、「ちゃんとするとこはちゃんとしますからね」という感じで人一倍きっちりとした口調で何かを発信した時の、あの感じ。ものすごい圧である(と私は感じていた)。本当はちゃんと考えて動いていますから変な絡みはしてこないでくださいね、みたいなメッセージが実際に込められていただろうと思う。圧!!!!
ということで、「ふざけた顔」で「丁寧なことを言う」というのが自分の中にどうも抵抗を生じていて、結果として「ふざけた顔で雑なことを言う(もしくは雑になりそうだから黙る)」というのが自然になってきてしまった。それは良くない! 私がやりたかったのは「面白く在る」ことであって、「雑に在る」ことではない。雑というのは必然的に攻撃性の高まりも伴ってしまう。
そんな感じで問題意識は以前からあったのでアイコンの変更は割と前から検討していたものの、じゃあどう替えるのかということをしばらく考えあぐねていた。可能な限り単純化したいという気持ちは前々からあって、実際代を重ねるごとに単純にしていったが、もっと抽象的な感じにならないだろうかと悩んでいた。
泡とハサミだけで蟹を表現してはどうか、と思ったりもしたが、肝心なのは「泡を吐いている」ところであって、泡そのものではないし、蟹そのものでもない。しかし「泡を吐いている」という要素を不可欠としたらこれ以上抽象的にならない気がする……。
答えが出ないので「如何にせむ」とTwitterにつぶやいたら、ツイートボタンを押した瞬間にハッと思いついた(自分でびっくりした)。頭に浮かんだのは、以前いくつかのスマホゲームで見かけたドット絵風の3DCGだ。ボクセルアートというのだろうか。あんな感じにできたらいいのでは……いっそ頑張ってモデリングの勉強もするとか……とも思ったが、さすがに大変なので、ボクセルアート風にわざわざ描くか、2Dのドット絵にしてみるかと考えて、ひとまずはドット絵に落ち着いた。
ドット絵にしてみると、一言で言えばゲームっぽくなった。ゲームをイメージしてたどり着いたのだから当たり前だけども、やはりドット絵と言えばゲームである。では「どうではなくなったのか」と考えると、多分「キャラクター的でなくなった」と言えるだろうと思う。
キャラクターからゲームのユニットへ。それらは何が違うのか? 大袈裟に表現すれば、「叙情」から「叙事」への変化みたいなものがあるのではないかと感じている。叙情的表現が相応しい見た目か、それとも叙事的表現が相応しい見た目か。自分自身がその境界上にいるようなところがあり、恐らく見た目でどちらに流れるかが大きく左右される。
初代のアイコンはキャラクター的でなく、描き方もどちらかというと絵画的だった。ゲームとは逆方向の若干(本当に若干)リアル寄りの雰囲気だったけれども、いずれにしろ表情という要素がなく「キャラクター」からの遠さという意味ではドット絵と同程度に思える。叙事的表現が合う見た目だったのだろう。
新しいアイコンが自分にどういう影響を及ぼすのかは長い期間の観察が必要になるだろうけれど、そういう自己観察もある種の楽しさがある。(ただし不本意な自分を直視することもセットである。)
ちなみに、新しいアイコンは自分で描いたドット絵なのだが、ドット絵を描くツールを自分で作ったりした。HTML+CSS+JavaScript(+Node.js+Electron)製。
こんな感じ。マスの数を指定してtable要素を作り、使う色をinput要素で用意して、td要素の数字を書き換えることで番号に対応した色が適用される。input要素で色のコードを変えれば、対応するマスの色が全部変わるようになっている。
保存すると、色データ(カラーコードを並べた配列)と配置データ(数字の二次元配列)が入ったJSONファイル、マスごとに要素を作って描画したSVGファイル、SVGを変換したPNGファイルが出力される。
難易度の高いプログラムなわけではないものの、結構色々な処理をしているので、説明はちょっと難しいかもしれない。設計に関して参考にしたものとかは特にない。そのうち試用できるように公開する予定(いつになるかはわからないよ)。
必要かつ十分な機能があればいい、自分で作れば習熟に労力を費やす必要がない、あとコーディングの経験値を得たい、という理由で自分でツールを作ったわけだが、ドット絵を描くというだけならPCでもスマホでも専用ツールがたくさんあるので、自分もドット絵を描いてみたくなったという人はそちらをお使いになられますよう。
Backlinks
関連度が高いかもしれない記事
- よくわかるNoratetsu Lab(2023年版)1月~3月
- ツール製作日誌:タスク&スケジュール把握ツール
- ブログの書き方ド下手問題⑪~そりゃそうでは?問題~
- 自分とゲーム②~RPGの話~
- 2022/11/18 ―― Twitterからの垂直移動/紙と筆ペン
「日付をタイトルにした記事」シリーズの記事
- 2023/12/17――AmazonからScrapboxにクリップするブックマークレットを改良した
- 2022/12/11 ―― 「アウトライン」問題/TypeScriptを使い始めた
- 2022/11/18 ―― Twitterからの垂直移動/紙と筆ペン
- 2022/11/14 ―― 日付をタイトルにする試み/やり方を真似したくなるということ
他の「自分仕様にする」タグの記事
- Obsidian再び
- ファイルというモノから解放されて漸くデジタルがデジタルになった
- ひとり掲示板で自由に呟く
- 【こういう】Scrapboxのページタイトルはスレタイ風に隅付き括弧を使うことにした【形式】
- NTA-DIY:1ヶ月目⑨~ブックマーク管理ツールを作ってみる~
- ツール製作日誌:HyperDatabase
- ローカルのディレクトリの構造を大整理した
- のらてつの茶の間とは
- ツール製作日誌:プログラミングの勉強を開始して半年の振り返り
- ツール製作日誌:カード式アウトライナー②背景説明編
- ツール製作日誌:カード式アウトライナー①機能説明編
- ツール製作日誌:タスク&スケジュール把握ツール
- ツール製作日誌:三ヶ月で劇的ビフォーアフター② 生き方改革編
- ツール製作日誌:三ヶ月で劇的ビフォーアフター① 自作ツール紹介編
- アウトライナー日誌:バレットを「┠」にしたらバレット感に邪魔されなくなった
- Office日誌:フォントと背景で「自分の場」感を演出する
- Office日誌:思想を自分の手に取り戻そう
- HTML日誌:自分のためだけにHTMLを書く
- 知的生産を「自分の想像を大事にしようとすること」と言い換える
- Git日誌:テキストファイルをホワイトボードのように使う