PreloadJSで「悩ませないローディング」の作り方―CreateJS勉強会 - ICS MEDIA
先日行われたCreateJS勉強会 (第5回)にてPreloadJSで「悩ませないローディング」の作り方というテーマでライトニングトークさせていただきました。時間の関係でお伝えできなかった部分も含め本記事でまとめました。みなさまのローディング作りのご参考になれば幸いです。 PreloadJSとは？ PreloadJSとは、CreateJSのライブラリモジュールの1つで外部ファイル（画像・音声・JSONなど）の読み込み処理を担当しています。読み込み状況をイベントで監視して読み込み率（0.0〜1.0）を取得できます。その読み込み率を演出用のJavaScriptに渡してあげることで、読み込み状況に合わせた演出を実現できます。 ソースコード PreloadJSで外部ファイルを読み込むソースコードです。今回はLoadQueueクラスを使って拡張子の違うファイルをまとめて読み込んでいますが、同じ勉強会
PreloadJSの簡単な使い方
ちなみにAPIはここから参照することができますので、この記事を読んで興味が湧いた人はぜひ覗いてみてください。 では、画像を後読みして、読み込みが完了したあとにbodyに追加するというサンプルを見ながら使いかたを書いていきます。(今回は楽をするためにjQueryも合わせて使っていきます) まずは一つだけ画像を読み込む場合です。 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプル</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://code.createjs.com/preloadjs-0.3.1.min.js"></script> <script> jQuery(f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
