昔のmacOSやiTunesでは、カバーフローと呼ばれるUIがありました。カバーフローでは写真が奥行き方向に傾いて表示されていたりするなど、3Dの表現が使われています。 本記事ではHTMLとWebGLを作成する方法を解説します。WebGLのJSライブラリとしてThree.jsでデモを用意しています。本記事では初級者向けにステップ形式で重要な実装のポイントを説明し、カバーフローの実装方法を学べるようにしています。 デモの紹介 デモを再生する (別ウインドウで開く) ソースコード このデモはThrre.js r151と生のJavaScriptで作成しています。 STEP1. カバーフローの基本実装 画像ファイルの読み込み カバーフローの実装に入る前に写真を事前に読み込むことにします。サンプルフォルダーのimgsフォルダーには画像ファイルを連番で0.jpg~44.jpg まで用意しています。 3
No. 漫画名 作者 発行部数 巻数 1巻当たり発行部数 1 ワンピース ONE PIECE 尾田 栄一郎 4億9000万 103 4,757,282 2 ゴルゴ13 さいとう たかを 2億6000万 206 1,262,136 3 ドラゴンボール鳥山明 2億5000万 42 5,952,381 4 ナルトNARUTO岸本 斉史 2億5000万 72 3,472,222 5 名探偵コナン青山剛昌 1億5650万 102 1,534,314 6 こちら葛飾区亀有公園前派出所秋元 治 1億5000万 201 746,269 7 鬼滅の刃吾峠呼世晴 1億3500万 23 5,869,565 8 美味しんぼ雁屋哲 1億2029万 111 1,083,694 9 スラムダンクSLAMDUNK 井上雄彦 1億2000万 31 3,870,968 10BLEACH ブリーチ久保帯人 1億 74 1,35
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く