ニュース

ドラミちゃんがドラえもんに早変わり! 背景色次第で見え方が変わる不思議な画像

モノクロ版を自作できるツールも公開。

advertisement

 以前にネコとロボットを重ねるとドラえもんになる切り絵を作成したタローさん(@taro_x)が、更なる不思議な画像を公開しました。Twitter上のドラミちゃんをクリックすると、ドラえもんに早変わり。環境によっては変化が起きませんが、変化の様子を収めた動画でも確認できます。

ツイートの添付画像をクリックすると、環境によっては画像が変化します

 Twitter上では変化が見られなかった場合は、作者のブログから画像を保存してみましょう。iPhoneのカメラロールで表示すると、タップするだけで変化の程が分かります。PCの場合は、画像をPowerPointやExcelに挿入すれば試せます。

ドラミちゃん画像をカメラロールで選択
タップで決定するとドラえもんに!
PowerPoint上で画像を動かすと、背景の境目で変化

 これはPNG形式画像の透過機能を利用した、いわゆる「クリック推奨画像」。モノクロでの作成は以前流行しましたが、カラーでの実現は、おそらくこれが初めてのことでしょう。

advertisement

 タローさんによると、標準的なディスプレイのガンマ値が、1より大きい2.2に設定されていることが変化の要因とのこと。画像は2×2のブロックごとで色を表し、ブロック内には補色の関係にある色を入れるなどの仕掛けが。そのうえで背景を黒に変えると、ガンマ値が高いディスプレイでは、灰色に見えていた部分が黒っぽくなり、カラーバランスが崩れて色がついたように見えるのだそうです。

 タローさんは、モノクロの「クリック推奨画像」を作れるツール「変幻画像作成」も公開しています。使い方は、サイトに2つの画像をアップロードするだけ。背景色に応じて切り替わる透過PNGファイルが、自動で生成されます。

「参照」ボタンをクリックし、変換元の画像をアップロードすればOK

 編集部で試してみたところ、ITちゃんがワンクリックで生物部バージョンに切り替わる画像を簡単に作れました。背景色はサイト上で切り替えらるので、画像の仕掛けもすぐに試せます。

画像上部のボタンから、背景色を切り替え可能。サイズの異なる画像を用いた場合でも、サイトのほうで合わせてくれます

(沓澤真二)

Copyright © ITmedia, Inc. All Rights Reserved.

記事ランキング

  1. 猫だと思って保護→2年後…… すっかり“別の生き物”に成長した元ボス猫に「フォルムが本当に可愛い」「抱きしめたい」
  2. 「やはり……」 MVP受賞の大谷翔平、会見中の“仕草”に心配の声も 「真美子さんの視線」「動かしてない」
  3. 海で“謎の白い漂流物”を発見、すくいあげてみると…… 2億1000万再生された結末に「本当によかった」「ありがとう」【チュニジア】
  4. スーパーで売っていた半額のひん死カニを水槽に入れて半年後…… 愛情を感じる結末に「不覚にも泣いてしまいました」
  5. 難問の積分計算をホワイトボードに書き置きしておいたら……? 理系大学での出来事に「かっこいい」「数字でつながる感じいいな」の声 投稿者にその後を聞いた
  6. 「うおおおおお懐かしい!!」 ハードオフに3300円で売っていた“驚きの商品”が140万表示 「ガチのレアモンや……」
  7. 夫妻が41年ぶりに東京ディズニーランドへ→“同じ場所”での写真撮影時に「キャストの粋なサポート」明かす
  8. 「大企業の本気を見た」 明治のアイスにSNSで“改善点”指摘→8カ月後まさかの展開に “神対応”の理由を聞いた
  9. ワゴンに積まれていた“980円の激安デジカメ”→使ってみると…… まさかの仕上がりに「お得感がすごい」
  10. カマキリを操る寄生虫「ハリガネムシ」食べてみた 未知すぎる“衝撃的な内容”に震撼 「正気を疑う」「鳥肌立ったわ」