マウスカーソルによるインタラクションとブラーを活用した表現が楽しい Supersolid のウェブサイト
演出のバランス感 今回ご紹介するのは、シドニーを拠点に活動するエージェンシー Supersolid のウェブサイトです。 WebGL を用いたインタラクティブな演出がいい味を出していて、そこに CSS を活用した演出が上手に組み合わされています。 WebGL や CSS のいずれかの個性が立っている...
計測装置の構造がまるで取扱説明書のような線画タッチで描かれる Alphane Labs のウェブサイト
ありそうであまり見かけない実装例 今回ご紹介するのは Alphane Labs という計測機器の製造・販売などを行っている企業のウェブサイトです。 商業用の分析装置などに限らず、電化製品などの説明書でもシンプルな線画でイラストが描かれていることはよくありますよね。 今回のサイトではまさにそういった雰...
物理的な実在感を抱かせるポップな表現がおもしろいスライダー実装 Smooothy のウェブサイト
プルプルというかフワフワというか 今回ご紹介するのは Smooothy というプロジェクトのウェブサイトです。 こちらはいわゆる横方向にスクロールするスライダーを実装するためのライブラリのウェブサイトで、ライブラリの実装についてはソースコードも公開されています。 個人で開発されたプロジェクトなのかな...
透明感のあるオブジェクトや美しい背景が描き出す世界観が見事な JIII ATELIER のウェブサイト
可愛らしく美しいトーン 今回ご紹介するのは、JIII ATELIER のウェブサイトです。 こちらは大阪を拠点に活動されている中路裕美さんの屋号なのかなと思うのですが、英語と日本語でのそれぞれの表記があり、視点がグローバルな感じに仕上がっていますね。 WebGL は演出上とても重要な役割を担っていま...
Well-being をテーマにしたカナダにあるヨーク大学が公開している Virtual Well-being Hub
コンテンツの量・作り込みがすごい 今回ご紹介するのは、カナダにあるヨーク大学が提供している WebGL を用いたコンテンツです。 イギリスにもヨーク大学という同じ名前の大学があるみたいなんですが、今回のコンテンツはウェブサイトのドメインから見てもカナダのヨーク大学が公開しているものなのだと思います。...
