{"id":750,"date":"2021-06-12T19:13:28","date_gmt":"2021-06-12T11:13:28","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=750"},"modified":"2021-05-31T19:25:20","modified_gmt":"2021-05-31T11:25:20","slug":"%e4%bd%bf%e7%94%a8%e8%bf%9c%e7%ab%afplist%e5%9b%be%e9%9b%86","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=750","title":{"rendered":"\u4f7f\u7528\u8fdc\u7aefplist\u56fe\u96c6"},"content":{"rendered":"
\n
\u9996\u5148\u8981\u8fdb\u884cload\uff0cload\u540e\u8fdb\u884c\u62c6\u5206\u56fe\u96c6\u6570\u636e\uff0c\u62c6\u5206\u540e\u521d\u59cb\u5316\uff0c\u521d\u59cb\u5316\u540e\u5f00\u59cb\u5206\u7ec4\uff0c\u6700\u540e\u662f\u6e32\u67d3<\/div>\n<\/div>\n
<\/div>\n
–> \u5b9a\u4e49 loaderp.js\u5e93<\/div>\n
\n
\n
\/**<\/div>\n
* Extends cc with loaderp (promisified loader)<\/div>\n
*\/<\/div>\n
if (cc && cc.loader) {<\/div>\n
constloader = cc.loader;<\/div>\n
constloaderp = cc.loaderp = {};<\/div>\n
varpromisify = function (method) {<\/div>\n
returnfunction (…args) {<\/div>\n
returnnewPromise((rs, rj) => {<\/div>\n
args.push((err, data) => {<\/div>\n
if (err) {<\/div>\n
rj(err);<\/div>\n
} else {<\/div>\n
rs(data);<\/div>\n
}<\/div>\n
});<\/div>\n
loader[method].apply(loader, args)<\/div>\n
})<\/div>\n
};<\/div>\n
};<\/div>\n
\/**<\/div>\n
* Promisified cc.loader.loadRes<\/div>\n
*\/<\/div>\n
loaderp.loadRes = promisify(‘loadRes’);<\/div>\n
\/**<\/div>\n
* Promisified cc.loader.load<\/div>\n
*\/<\/div>\n
loaderp.load = promisify(‘load’)<\/div>\n
\/**<\/div>\n
* Load multiple resource<\/div>\n
* const resources = [<\/div>\n
* [‘atlas’, cc.SpriteAtlas],<\/div>\n
* [‘json’]<\/div>\n
* ];<\/div>\n
* cc.loaderp.loadResAll(resources).then(([atlas, json]) => {<\/div>\n
* this.atlas = atlas;<\/div>\n
* this.json = json;<\/div>\n
* })<\/div>\n
*\/<\/div>\n
loaderp.loadResAll = function (paramArray) {<\/div>\n
constpromises = paramArray.map(args=>cc.loaderp.loadRes.apply(cc.loaderp, args));<\/div>\n
returnPromise.all(promises);<\/div>\n
};<\/div>\n
loaderp.loadAll = function (paramArray) {<\/div>\n
constpromises = paramArray.map(args=>cc.loaderp.load.apply(cc.loaderp, args));<\/div>\n
returnPromise.all(promises);<\/div>\n
};<\/div>\n
\/**<\/div>\n
* Load sprite atalas from remote url<\/div>\n
* @param {String} url, url without extension<\/div>\n
* @return {Promise}<\/div>\n
*\/<\/div>\n
loaderp.loadAtalas = function (url1,url2) {<\/div>\n
returnthis.loadAll([[url1], [url2]]).then(([plist, texture]) => {<\/div>\n
if (!plist || !plist.frames) return;<\/div>\n
\/\/ create sprite frames from plist and texture<\/div>\n
constspriteFrames = {}<\/div>\n
for (letnameinplist.frames) {<\/div>\n
letframe = plist.frames[name];<\/div>\n
letrect = plistArrayToCcType(frame.frame, cc.Rect);<\/div>\n
letoffset = plistArrayToCcType(frame.offset, cc.Vec2);<\/div>\n
letoriginalSize = plistArrayToCcType(frame.sourceSize, cc.size);<\/div>\n
constspriteFrame = newcc.SpriteFrame();<\/div>\n
spriteFrame.name = name;<\/div>\n
spriteFrame.setTexture(texture, rect, frame.rotated, offset, originalSize);<\/div>\n
spriteFrames[name] = spriteFrame;<\/div>\n
}<\/div>\n
returnspriteFrames;<\/div>\n
})<\/div>\n
};<\/div>\n
\/**<\/div>\n
* Convert {x,y}, {{x,y}, {width, height}} to cc types (cc.Rect, cc.size, cc.Vec2, etc.)<\/div>\n
* @param {String} plistArrayStr<\/div>\n
* @param {Function} ctor<\/div>\n
* @return {Object}<\/div>\n
*\/<\/div>\n
constplistArrayToCcType = functionplistArrayToCcType (plistArrayStr, ctor) {<\/div>\n
constary = plistArrayStr.replace(\/[^0-9,]\/g, ”).split(‘,’).map(x=>parseInt(x, 10));<\/div>\n
returnnewctor(…ary);<\/div>\n
}<\/div>\n
}<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
<\/div>\n
game.js \u6e38\u620f\u4e3b\u573a\u666f\u9875\u9762<\/div>\n
<\/div>\n
\n
\n
\/\/\u8bfb\u53d6\u56fe\u96c6plist\u6587\u4ef6\u4e0e\u56fe\u7247\uff0c\u653e\u5230\u4e00\u4e2a\u6570\u7ec4\u91cc<\/div>\n
loadAtlas(url) {<\/div>\n
constplistUrl = _json.resources.plist[url]<\/div>\n
constpngUrl = _json.resources.images[url]<\/div>\n
cc.loaderp.loadAtalas(plistUrl, pngUrl).then(altas=> {<\/div>\n
this.altas = altas<\/div>\n
letframes = this._frames = []<\/div>\n
for (letiinaltas) {<\/div>\n
frames.push(altas[i]);<\/div>\n
}<\/div>\n
})<\/div>\n
},<\/div>\n<\/div>\n
\n
\n
this.loadAtlas(‘picAltas’)\u00a0 \/\/\u00a0 picAltas \u4e3a\u56fe\u96c6\u540d\u5b57<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
<\/div>\n
\/\/\u624b\u52a8\u5b9a\u4e49\u56fe\u96c6frame<\/div>\n
\n
\n
_createAtlas () {<\/div>\n
this.atlas = newcc.SpriteAtlas();<\/div>\n
this._frames.forEach(f=>this.atlas._spriteFrames[f._name] = f);<\/div>\n
},<\/div>\n
<\/div>\n<\/div>\n
\/\/<\/div>\n
<\/div>\n<\/div>\n
\n
\u00a0\/\/\u6dfb\u52a0sprite\u7ec4\u4ef6\uff0c\u6dfb\u52a0animation\u7ec4\u4ef6\uff0c\u52a8\u753b\u64ad\u653e\u6a21\u5f0f\uff0c\u4e0e\u901f\u7387\uff0c\u52a8\u753b\u540d\u5b57\uff0c\u6dfb\u52a0\u5230\u7ec4\u4ef6\u4e0a<\/div>\n
\n
\n
creatAnimationClip(){<\/div>\n
letsprite = this.getComponent(cc.Sprite)<\/div>\n
if (!sprite) sprite = this.addComponent(cc.Sprite);<\/div>\n
sprite.srcBlendFactor = this.srcBlendFactor;<\/div>\n
constanim = this.animation = this.addComponent(cc.Animation);<\/div>\n
constclip = this.clip = cc.AnimationClip.createWithSpriteFrames(this._getFrames(), this.sample);<\/div>\n
\/\/ animation clip name must be set before add to animation<\/div>\n
clip.name = ‘comp-spriteframe-anim’<\/div>\n
anim.addClip(clip);<\/div>\n
},<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n
<\/div>\n
\/\/\u83b7\u53d6\u81ea\u5b9a\u4e49\u52a8\u753b\u526a\u8f91<\/div>\n
gifCustomClip(node, prefix, sample = 10, repeat = -1, wrapMode = “Normal”) {<\/div>\n
constg = node.getComponent(“Gif”)<\/div>\n
constframes = []<\/div>\n
varj = 1<\/div>\n
for (letiinthis.altas) {<\/div>\n
if (i == prefix + j + “.png”) {<\/div>\n
frames.push(this.altas[i]);<\/div>\n
j++<\/div>\n
}<\/div>\n
}<\/div>\n
g.sample = sample<\/div>\n
g._frames = frames<\/div>\n
\/\/\u521d\u59cb\u5316gif\u7ec4\u4ef6\uff0c\u521b\u5efa\u52a8\u753b\u526a\u8f91,\u5e76\u4e14\u6dfb\u52a0\u5230animation\u7ec4\u4ef6\u4e0a(\u5728gif.js\u6587\u4ef6\u91cc)<\/div>\n
g.creatAnimationClip()<\/div>\n
g.WrapMode = cc.WrapMode[wrapMode]<\/div>\n
g.repeatCount = repeat<\/div>\n
\/\/\u5f00\u59cb\u64ad\u653e\uff0c<\/div>\n
g.play(repeat)<\/div>\n
},<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\u9996\u5148\u8981\u8fdb\u884cload\uff0cload\u540e\u8fdb\u884c\u62c6\u5206\u56fe\u96c6\u6570\u636e\uff0c\u62c6\u5206\u540e\u521d\u59cb\u5316\uff0c\u521d\u59cb\u5316\u540e\u5f00\u59cb\u5206\u7ec4\uff0c\u6700\u540e\u662f\u6e32\u67d3 –&g […]<\/p>\n","protected":false},"author":1,"featured_media":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30],"tags":[32],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/750"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=750"}],"version-history":[{"count":1,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/750\/revisions"}],"predecessor-version":[{"id":751,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/750\/revisions\/751"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/307"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=750"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}