WebGLとHTMLで作成する3DのカバーフローUI

CRANK

昔のmacOSやiTunesでは、カバーフローと呼ばれるUIがありました。カバーフローでは写真が奥行き方向に傾いて表示されていたりするなど、3Dの表現が使われています。本記事ではHTMLとWebGLを作成する方法を解説します。WebGLのJSライブラリとしてThree.jsでデモを用意しています。