FLASHでよく見られる商品のカラーサンプルシュミレーターを、HTML5で再現しました(2015.03.10)。
FLASH版と同様に各パーツの色と色数を自由に設定でき、色情報についてはテキストファイルから情報を取り入れているため、誰でも簡単に設定を変更することが可能です。さらにスマートフォン対応として、ウィンドウやデバイスの幅に応じてコンテンツの大きさが適切に調節されます。
FLASHでポピュラーな表現技法の一つである水の波紋を、HTML5で再現。本サイトのヘッダーバナーとして実装しました(2014.06.20)。
FLASH版と同様に、マウスオーバーによって複数の波紋が生じ、水面をなぞっている様な動きを見せます。一見、何の工夫も無い画像の上をマウスが通過した時に揺れ動く。。。ちょっとした「隠しアイテム」的な演出として用いてみては如何でしょうか。