animateCCを学んでる学生です。

[ryuji_1616]

animateCCを学んでる学生です。Adobe Animate CC と CreateJS の連携 (基本編)のチュートリアル通りに作っていたのですが、index.htmlで開くとチュートリアル通りに星が表示されません。検証でエラーをみてみると　Uncaught TypeError: Cannot read property 'getLibrary' of undefined　というエラーが出ます。どうすればエラーが消えますか？わかる方お願いします。

[Fumio Nonaka · Accepted solution]

プログラムを勉強していれば、意図したとおりに動かないことは数え切れないほど起こります。解決するためにもっとも大切なことは、[1]論理的に[2]段階を踏んで確かめることです。

まず、エラーメッセージ一発で原因がわかることは、99%ありません。その内容を参考にしつつも、それまでの作業をひとつひとつたしかめるしかないのです。このフォーラムで回答しようとする人たちには、さらに質問者の作業を「想像」しなければならないというむずかしさが加わります。

すると、このご質問を見た回答者がまず遭遇するのは「Adobe Animate CC と CreateJS の連携 (基本編)」って何？ということです。これがわからない時点で、ほとんどの人は回答を諦めます。

それも残念なので検索したところ、おそらくICS MEDIAさんの記事ではないかと「推理」できました。

つぎに、ご質問の説明です。

• [1]チュートリアル通りに作っていたのです
• [2]チュートリアル通りに星が表示されません

このふたつの命題がもし正しいとすれば、「論理的」にチュートリアルが間違っていたという結論になります。その場合には、記事の著者に尋ねるのがもっとも早くて確実です。

別の可能性を考えるなら、少なくとも[1]または[2]のどちらかは正しくないということです。まず確かめてみるべきは[1]でしょう。そのために回答者には、作業が「想像」できるだけのもっと詳しい説明が必要です。

ということなので、いただいた情報のみから、思いつくことをひとつだけご説明します。

"Cannot read property 'getLibrary' of undefined"というのは、getLibraryというプロバティを参照したオブジェクトが見当たらない(undefined)ということです。チュートリアルには、つぎのコードがありました。

// Animate CCで出力したコンテンツを読み込む
// 引数の文字列はAnimate CCから出力したHTMLファイルから調べる
var comp = AdobeAn.getComposition("61930C3D5DE64B7EA1A7EAD48B1047A7");
// ライブラリ内のコンテンツを読み込む
var lib = comp.getLibrary();

これを見ると、compというオブジェクトに対して、getLibrary()メソッドを呼び出しています。このcompがないということでしょう。コメントにある「引数の文字列」というのは、コードの「61930C3D5DE64B7EA1A7EAD48B1047A7」という長い記号です。

そして、「引数の文字列はAnimate CCから出力したHTMLファイルから調べる」とあります。この記号を調べて書き替えましたか？「Animate CCから出力したHTMLファイル」というのは、この記事のファイルでいえばStarAsset.htmlです。その中の該当箇所に書き出された記号は記事と異なるはずです。この書き替えをしていなければ、引用のエラーが出るでしょう。

この「推理」が当たっていなかった場合は、前述のとおり「もっと詳しい説明が必要です」。

[ryuji_1616]

とてもわかりやすい回答ありがとうございました。無事問題を解決することができました。ありがとうございます。