画像のトリミングの位置で変化
こんにちは、佐藤ねじです。今回は、画面スクロールの実験をしたいと思います。
この記事は、画像がトリミングされる量によって内容が変化します。
スマホでもPCでも、記事を読むときには、画面をスクロールをします。そしてスクロールをするということは、必ずどこかで文字や画像を「トリミング」していることになります。
「トリミング」とは、ざっくり言うと、画像の一部を切り取ることです。デザインするときに、バストショットの人物をトリミングして、顔を大きくアップにしたポスターにする。みたいな使われ方をします。
では、ネット記事におけるトリミングとはどういうことでしょう。
例えば下記の画像をご覧ください。画像の下の文字が、画像のトリミングのされ方によって変化します。
パチンコとじいちゃん
パチンコを見るとじいちゃんを思い出します。僕の好きなじいちゃん。いつも、ばぁちゃんの目を盗んでパチンコに行ってました。パチンコが当たった日はチョコレートを僕にくれました。そのチョコをもらうのが何よりの楽しみでした。
ーーーーーーー
いかがでしょう。おわかり頂けましたでしょうか。
画像が全部表示されているときは、パチンコに関する文章です。
しかし、スクロールして、画像が「チンコ」でトリミングされると、文章の内容もチンコに関するものに変化します。
さらに、「ンコ」以下になると、画像がトリミングされて、右下のUFOの存在がより明確になります。
このように、スクロール位置で画像をトリミングすることで、文章が変化する「トリミング記事」と命名しました。いくつかの画像を使って、遊んでみたいと思います。
湖に行ってきました！
こんにちは、サラです。先週の土日に、湖畔がすてきなコテージに行ってきました！空気もすごくきれいで、シカとかも見れて、とってもリラックスできたんです。湖って本当に素敵ですね！
スコットランドの首都
ここはスコットランドのローランドに位置するエディンバラ。北にフォース湾が控え、西へ100kmほどにグラスゴーがあります。とても素敵な街です。
俺が見えるか？
おう、俺だ。ちょっと小さいけど、俺だ。わかるか？俺がちゃんと見えてるか？すっごい怒ってるんだぞ、俺は。ちゃんと俺を見ろよ。
ワシの筋肉美
どうじゃ、ワシの筋肉美は。年老いてもまだまだいけるぞ。若さの秘訣は、健康な食事とストレスのない生活、そして身体を鍛えることじゃ。若いうちから、しっかり身体を作っておくんじゃぞ。
ーーーーーーー
いかがでしたか。このように、スクロールして写真をトリミングするだけで、けっこう遊ぶことができます。今回はスクロールの位置を判定する以外、特別な実装はは何もしていません。それでもいろいろと表現の可能性はあるものですね。
僕は、この記事をつくるにあたり、「情報のトリミング」について思いを馳せていました。森達也さんの著者やドキュメンタリー作品などを観て、メディアの情報はある一方向の側面をトリミングしているものであり、また別の視点で物事を見ることも大事だ。ということを学びました。情報のトリミングについて興味を持たれた方はぜひ、森さんの著書や映画もご覧ください！
FAKE：佐村河内の問題についてのドキュメンタリー
http://www.fakemovie.jp/
※これは映画FAKEのPR記事ではありません。