ニュース

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

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

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. 米津玄師、紅白で“205万円衣装”着用? 星野源“1270万円ネックレス”も話題…… 「凄いお値段」「びっくりした」
  2. サバの腹に「アニサキス発見ライト」を当てたら……? 衝撃の結果に「ゾワっとした」「泣きそう」と悲鳴 その後の展開を聞いた
  3. 「箱根駅伝」10区ランナー、“父親が大物アーティスト”と判明し「息子が走ってたなんて」「イケメン息子」と驚きの声
  4. 「脳がバグる」 ←昼間の夫婦の姿 夜の夫婦の姿→ あまりの激変ぶりと騙される姿に「三度見くらいした……」「まさか」
  5. 「妹が入学式に着るワンピース作ってみた!」→こだわり満載の完成品に「すごすぎて意味わからない」と大反響 2024年に読まれたハンドメイド記事トップ5
  6. 【今日の難読漢字】「手水」←何と読む?
  7. 授業参観の度に「かっこいい」と言われた父親が10年後……「時間止まってる?」父子の姿に驚愕 2024年に読まれた家族記事トップ5
  8. 高校生息子にリクエストされたお弁当を作ったら……驚きの仕上がりに「うらやましい」 2024年ねとらぼで読まれた【お弁当記事トップ5】を紹介
  9. 小さなカエルを大事に育て、たった1年後…… 娘が「こわい!」と逃げ出すレベルの“ヤバい成長”に「デカすぎやろ」「僕でも怖いわ」
  10. 考え方も性格も“正反対”の2人が結婚→それから13年後…… 苦楽をともにした“現在の姿”に反響 「素敵ですね」