【学习笔记】Cocos2d-JS 如何创建精灵？（一）

最新推荐文章于 2019-12-25 18:05:26 发布

SuperMan丶V

最新推荐文章于 2019-12-25 18:05:26 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Dream125a/article/details/48406075

本文介绍Cocos2d-JS中创建精灵的方法，包括根据图片路径直接创建、指定矩形区域创建以及使用纹理创建等步骤，详细解析精灵的四种创建方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

精灵是cc.Sprite，它继承了cc.Node，具有cc.Node基本的特征。

精灵的创建方法分为4种：

1：直接根据精灵图片的路径创建

var sprite = new cc.Sprite(res/HelloWorld.png);

2：根据精灵图片路径和要截取的矩形区域创建

var sprite = new cc.Sprite(res/HelloWorld.png,cc.rect(200,200,50,50));

3：根据精灵帧缓存创建精灵

var frameCache = cc.spriteFrameCache;
frameCache.addSpriteFrames("res/scene01_multi_common_hv.plist");//将plist文件添加到缓存中
var sp = new cc.Sprite("#effect_bonus_s1_002.png");//通过plist中精灵名称创建精灵

4：根据纹理创建精灵

var texture = cc.textureCache.addImage("res/HelloWorld.png");
var sprite = new cc.Sprite(texture);
var sprite1 = new cc.Sprite(texture,cc.rect(100,100,20,20));