「RGB色づくりクイズ」src on GitHub
出題カラーと同じ色を光の三原色、RGBスライダー(input[type=range])を使って当てるクイズゲームです。色はそれぞれ8段階と易しめ設定ですが、地味に難しいので、ぜひ何問かチャレンジしてみてください。
一人でやっているのもつらいので、複数人で対戦できるように分単位で乱数のシードを合わせて同じ問題がでるようにしました。乱数生成は、メルセンヌ・ツイスタ(Mersenne Twister)法、code4fukui/RandamMT としてまとめました。シードの設定方法がいい加減なので見直した方がいいです。
スマホで操作しやすいように、input[type=range]のCSSの変更方法と、左右スクロールしてしまわないように body のCSSに overflow-x: hidden; 入れる技を使いました。