[webコンテンツ]興奮した。Twitterの新しい表現 Motion Typography
この記事は約6分ぐらいで読めます
ウェブフォントデザインアワード
ここまじすげぇ…自分のIDでやってみて皆！ http://t.co/2rRoBaIB
— 酒井優 (@glatyou) October 18, 2011
すごいインパクトで、興奮そのままに(うっかり説明も付けず)ツイートしたらすごいふぁぼ＆RTされましたｗ見つけたのはこのサイトのコンテンツ。
Web Designing ウェブフォントデザインアワード2011
Web Designingさんの開催するウェブフォントデザインアワード2011は、ソフトバンク・テクノロジー株式会社が提供する日本語webフォントサービス、フォントプラスを利用したコンテンツのコンテストです。
webフォントはぶっちゃけまだ日本語で考えると使いやすいものでは無いですけど、このサイトを見てるとまあ、予算さえあれば色々できちゃうのかなー、とか思ってしまいますね。なんにせよこれからの動きは楽しみですｗ
Motion Typography
見慣れたTwitterタイムラインに形態素解析、日本語Webフォント、モーションを適用し、モーションタイポグラフィーとして表現しています。
形態素解析は雰囲気くらいしか理解して無いんですけどｗ 要は文章から機械的に単語を拾う仕組みだと思ってます。多分そんな感じｗ
サイトのデモンストレーションは幾つかあったのですが、このMotion Typographyの動きを見てがっつりハマっていしまいましたｗ
Motion Typographyの遊び方
Google Chrome / Safari推奨です。
使い方は簡単。ツイートを見たい人のツイッターIDを入れるだけです。自分じゃなくても大丈夫。すると直近30ツイートくらいを新しい方から順にwebフォントによるタイポグラフィーとモーションで表示してくれます！スクリーンショットを以下に。
Twitter ID入れるだけ(人のでも可)
とりあえずテスト
ツイートを遡って再生していきます
テキストなのでちゃんと選択も出来ます
適当に短文で色々実験。長いと分割されちゃうので。
スペース入れると分割されたりするけど
入れないと入れないで造語は切れ目を判断できない
ずっとカタカナで切れ目ないと分割できない
何回かやって良い感じに切れたりする
偶然の内容とフォントの合致が楽しい
ミスマッチもそれはそれで面白いｗ
役物が付くと頻繁に変なとこで切れる
川柳と相性がいい
切れ目を意図的に作るならスペースがいいね
まさに外道!!
あー面白かったｗ
まあそんな感じでガッツリ楽しみましたｗ自分で試すのめんどくさい人はwebcre8のアカウントを眺めてみてください。実験のために入れたツイートをそのままにしてあるので(そのうち消します)。覗いてみてくださいねｗ