2023-05-31
色クイズの第二弾。こちらも2012年一日一創からのリメイク。RGBの色指定の難しさを体験できるアプリです。


「RGB色づくりクイズ」
src on GitHub
出題カラーと同じ色を光の三原色、RGBスライダー(input[type=range])を使って当てるクイズゲームです。色はそれぞれ8段階と易しめ設定ですが、地味に難しいので、ぜひ何問かチャレンジしてみてください。

一人でやっているのもつらいので、複数人で対戦できるように分単位で乱数のシードを合わせて同じ問題がでるようにしました。乱数生成は、メルセンヌ・ツイスタ(Mersenne Twister)法、code4fukui/RandamMT としてまとめました。シードの設定方法がいい加減なので見直した方がいいです。

スマホで操作しやすいように、input[type=range]のCSSの変更方法と、左右スクロールしてしまわないように body のCSSに overflow-x: hidden; 入れる技を使いました。

links
- RGB指定を卒業しよう、HSL表示付き色当てクイズとWebカラーオープンデータ

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS