blog

top > 學展blog

2014.10.22 (Wed)

制作

色彩感覚を磨く!ブラウザゲーム”Color – Method of Action”のご紹介

色彩感覚を磨く!ブラウザゲーム

皆さんこんにちは。さめちゃんです。

以前当ブログでご紹介した、

フォントマスターになろう!文字組のセンスを磨く”Kern Type”のご紹介
http://www.gakuten.jp/create/kern-type

フォントマスターになろう!第二弾:ベジュ曲線で文字を形成するゲーム”Shape Type”のご紹介!
http://www.gakuten.jp/create/shape-type

は挑戦して頂けたでしょうか!?

今回は”色”に焦点を当てたブラウザゲーム”Color – Method of Action”をご紹介したいと思います。

Color – Method of Action

Color – Method of Actionは、Photoshopなどの画像編集ソフトでおなじみのカラーピッカーから
出題された色を探して合わせるカラーマッチングゲームです。

実際に見てみましょう!

色彩感覚を磨く!ブラウザゲーム

グラデーションが綺麗なインターフェイスですね。

色彩感覚を磨く!ブラウザゲーム

グラデーションの部分に黒い○がありますが、出題される色をグラデーションから探し出すというゲームなわけです。

では、早速プレイ!!


一問目!
グラデーションの輪の真ん中に表示される色(出題の色)にピッカー(黒い輪)を合わせていきます。

色彩感覚を磨く!ブラウザゲーム

色彩感覚を磨く!ブラウザゲーム

perfect!
パーフェクト!!

いい感じですな!今回のゲームは高得点を期待できそう。


二問目!
あれ…すんごい難易度が上がった気がする…
グラデーションが輪ではなく、円になってる…

色彩感覚を磨く!ブラウザゲーム

しかし、そこは経験値でカバー!!


三問目!!
どわぁ!ピッカーが2つになっとる!

色を探す最中微妙に焦るぞ…
色彩感覚を磨く!ブラウザゲーム

このように出題カラーが2色出てきます。
色彩感覚を磨く!ブラウザゲーム


四問目!!

色彩感覚を磨く!ブラウザゲーム

はい、低得点フラグがたちました。
三つのピッカーのご登場です。

より焦ります…
スクリーンショットを撮っている場合ではございません。

色彩感覚を磨く!ブラウザゲーム

出題の色もまた微妙な感じで難しい!!


このような調子で、どんどんレベルがアップし、最後の問題はピッカーが4つになります。
高得点を出したくて熱中するあまりスクショが撮れませんでした…スミマセン。

全ての問題が終わると結果発表です。

気になる結果は…

色彩感覚を磨く!ブラウザゲーム

9.7!!!
どやさ!
どやさですよ!!

〆(まとめ)

いかがでしたでしょうか。
時間制限もあって意外にハラハラする”Color – Method of Action”!

フライヤーデザインや名刺作りなどで、ここはあの色だ!というときにパパッと色を見つけられると作業が捗るというものです。

みなさんも挑戦して高得点を目指してみてください!

過去のご紹介した以下のゲームもオススメなので、まだチャレンジしていない方はお試しください〜

■フォントマスターになろう!文字組のセンスを磨く”Kern Type”のご紹介
http://www.gakuten.jp/create/kern-type

■フォントマスターになろう!第二弾:ベジュ曲線で文字を形成するゲーム”Shape Type”のご紹介!
http://www.gakuten.jp/create/shape-type

學展の開催概要はこちらから >