市松模様 JavaScriptアニメーション

市松模様（いちまつもよう）とは、二色の正方形を交互に配した幾何学模様です。英語では、チェッカー模様（checkered pattern）と呼ばれます。

東西を問わず、古くから衣服や建築、器などの様々な分野で用いられてきた伝統的な普遍性と、シンプルでモダンな印象を併せ持つユニークな模様です。
日本では、途切れることなく続いていく柄の特徴から、永遠や発展、繁栄の意味を持つ縁起の良い模様として親しまれてきました。

市松模様を題材に、インタラクションのあるJavaScriptアニメーションを制作しました。
市松模様の二色パターンと、色の三属性（色相・明度・彩度）を取り合わせた実験的な作品です。
市松模様の二色の色相は、物理補色となるよう選択され、アニメーション部分をクリック（タッチ）する度に組み合わせがランダムに変わるようにしています。
アニメーションは、色相と彩度を固定して、明度を右から左へと変化させることで、光の反射のような表現を実装しています。
また、アニメーション上でカーソル（指）を動かすと、彩度が変わるようにしています。カーソルを右にするほど、彩度が低くなります。