【Cocos2d-html5游戏引擎学习笔记(5)】Sprite精灵渲染

最新推荐文章于 2023-01-05 14:51:27 发布

wangdi1224

最新推荐文章于 2023-01-05 14:51:27 发布

阅读量9.7k

点赞数

分类专栏： Cocos2d-html5 Cocos2d-html5学习笔记文章标签： cocos2d-html5 javascript

本文链接：https://blog.csdn.net/w337198302/article/details/11874261

版权

本文是Cocos2d-html5游戏引擎学习笔记的一部分，重点讲解了Sprite精灵的5种创建方法：通过图片、矩形裁剪、缓存帧、帧名称和Texture2D创建。此外，还介绍了精灵的旋转、缩放、可见性及透明度的设置，以及常用的锚点和标记功能。

摘要由CSDN通过智能技术生成

精灵类是任何一款游戏引擎的核心，你所见到的图片画面基本都是由它展现出来的，比如我们的游戏背景，主角等等，所以学好Sprite精灵类对游戏的画面体验有着很重要的影响。我们就先介绍他的创建方式，一般来说有以下5种：

第一种：

cc.Sprite.create(fileName)通过一张图片生成精灵对象

参数：图片的名称。

var sprite1 = cc.Sprite.create("test.png"); //这里图片名称最好写在resource.js里面
sprite1.setPosition(cc.p(10,10));
this.addChild(sprite1);

第二种：

cc.Sprite.create(fileName, rect) 通过一张图片进行给定矩形裁剪生成精灵对象

参数1：图片名称

参数2：矩形的区域

var sprite2 = cc.Sprite.create("t

关注

专栏目录