のりっきぃ・バー

コリスのサイトで下記の記事を見つけました。

このWebサイトのデザイン・アイデアは見逃せない！
「Website of the Year」 -日本からも2つのサイトが受賞！
http://coliss.com/articles/build-websites/operation/work/woty-2015-by-cssdesignawards.html

CSSDAのサイト
http://www.cssdesignawards.com/woty/

30サイトがFinalistsとして選ばれています。

いくつか見て、まず、今日のおすすめは下記の２つです。

★Dream Car Coleection
http://www.toyota-insidedreams.com/dreamcar-collection/
※画面表示とともに音楽が大音量で流れますのでご注意を

３拍子のバックグランドミュージック、メリハリある動き、
カラフルなつくり、細部にわたる楽しいインターフェースは、
一見の価値あり。
81か国の子供たちの自動車にまつわる夢を描いた絵画を
楽しく表示しています。

絵画コンテストに関しては、下記に詳しく表示されています。
http://www.toyota-global.com/events/dream_car_art_contest/

★Weber－BBQ　Cultures
http://www.bbqcultures.com/en_GB/intro
最初の画面で操作に戸惑ったのですが、
ミトンみたいなアイコンをドラッグして、
右側の◎に合わせると画面が変わります。

単なる映像ではなく、見ている人の能動的な行動で、
まぎれもなくインタラクティブな動きをします。

例えば、下図の赤丸にマウスを充てると、
右側にアニメーションが表示されるという具合です。

一体、どういう技術を使ってこれらを表現しているのでしょう。