大量の画像を切り替えることでアニメーションさせた独自の世界観が面白い Aesop のウェブサイト

いわゆるパラパラ漫画のような仕組み 今回ご紹介するのは、一風変わった WebGL 事例です。 Aesop というアロマキャンドルのウェブサイトなのですが、WebGL を使ってパラパラ漫画のように大量の動画を切り替えながら描画しています。 最初は全体が動画で作られているのかなとも思ったのですが、can...

doxas 2021-02-04 15:22:03

ファッションブランド Gucci がブラウザでプレイできるミニゲーム Gucci Conga Master を公開中

Pixi.js を利用した 2D 表現ベースのミニゲーム 今回ご紹介するのは、WebGL をスペシャルサイトに積極的に採用することが多い世界的なファッションブランド、Gucci のウェブサイトです。 これまでにも当サイトで何度も登場している Gucci ですが、WebGL などを使ったリッチな表現を...

doxas 2020-12-24 13:12:00

コードによって作られる動きや応答性について考えよう! Google のシニア UX エンジニアが提供するオンラインデモ

チュートリアル動画なども公開されている 今回ご紹介するのは、Google のシニア UX エンジニア、Jongmin Kim さんが公開しているコンテンツです。 ページ内に書かれていることを読んだ感じでは、コードを使って生み出す動きやユーザー体験を学べる教材は多くないので、このデモ(と一緒に公開され...

doxas 2020-10-08 13:48:19

世界で最も古い「電子楽器・テルミン」をブラウザ上で体験できる驚きのアプリケーション Theremix がすごい!

機械学習も活用した驚きの事例 今回ご紹介するのは、Theremix というウェブブラウザ上で実行できるウェブアプリケーションです。 今回のサイトは「テルミン(Theremin)誕生 100 周年」にちなんだアニバーサリーコンテンツとなっており、ブラウザ上で人類史上最古の電子楽器、テルミンを体験するこ...

doxas 2020-08-13 14:16:00

ディズニー作品や舞台音楽など多数の名作に携わる作曲家 Alan Menken さんのポートフォリオサイト

Pixi.js によるシンプルな作例 今回ご紹介するのは、ミュージカルなどの舞台音楽、あるいは映画作品などの音楽を手掛けることで有名な Alan Menken さんのポートフォリオサイトです。 ディズニー作品にも多く関わっており、アカデミー作曲賞にも複数回輝いています。ものすごく著名な音楽家のひとり...

doxas 2020-05-26 14:14:00

share

follow us in feedly

search

search

monthly

sponsor

social