スプライトシートから画像を取得：Cocos2d-x v3.7（JavaScript）

　スプライトシートから画像を取得してスプライト（cc.Sprite）に設定する方法について説明します。
　直接画像ファイルから読み込む場合は画像ファイルのパスを引数で渡すだけなのですが、スプライトシートから取り込む場合は手順が変わります。

　使用しているCocos2d-xのバージョンは3.7です。

スプライトシートの作成

スプライトシートの作成方法については、下記の記事を御覧ください。
スプライトシート：Cocosドキュメント - モーリーのメモ

スプライトシートから画像を取得

『resource.js』への登録

　下記のように、『.plistファイル』と『.pngファイル』を追加します。
　必須ではありませんが、先読みしておきます。

var res = {
    MainScene_json : "res/MainScene.json",
    TitleScene_json : "res/TitleScene.json",
    Plist_plist : "res/Plist.plist", // 『.plistファイル』を追加
    Plist_png : "res/Plist.png" // 『.pngファイル』を追加
};

スプライトの取得

　以下のコードでスプライトが取得できます。

// スプライトシートをキャッシュに登録
cc.spriteFrameCache.addSpriteFrames(res.Plist_plist); // ctor()等に記述

var mySpriteFrame = cc.spriteFrameCache.getSpriteFrame("LevelSelection/LS07.png"); // スプライトフレームを取得
var mySprite = cc.Sprite(mySpriteFrame); // スプライトフレームからスプライトを作成
mySprite.setPosition(320, 480); // 中心に配置
this.addChild(mySprite); // ノードにスプライトを追加

// キャッシュからスプライトシートを削除
cc.spriteFrameCache.removeSpriteFramesFromFile(res.Plist_plist); // onExit()等に記述