cocos2d-x (1)精灵的创建 Xcode版本

最新推荐文章于 2025-06-19 13:31:42 发布

唐丽梅6313

最新推荐文章于 2025-06-19 13:31:42 发布

阅读量756

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos2d-x 文章标签： cocos2d-x Frame 精灵

本文链接：https://blog.youkuaiyun.com/tanglimei6313/article/details/9997729

cocos2d-x 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何在Cocos2d-x中创建并应用精灵，包括创建项目、理解精灵概念、实现静态精灵的展示及后续动画添加等关键步骤。通过实际操作演示，帮助读者快速上手Cocos2d-x，实现游戏小物体的动态呈现。

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

今天开始学习cocos2d-x，先是在网上搜集了一下资料，发现文章都是太老了，可能是我搜的路径不是很对。

然后我就萌生了自己写一个专栏的想法，把我自己知道的技术，传递给更多的人，希望能帮助更多想积极向上的人。。

现在第一章，先写一个--关于精灵的创建。

在游戏里面，它的称呼好像更加的物理化。在这里面的精灵，其实就是游戏中的各种小物体，可以是小猫小狗，也可以是各种障碍物，不知道背景图片算不算是精灵？

现在理解了精灵的定义，我们就可以很好的开始工作了。。（如果你还是不理解什么是精灵，那么请给我留言，我会把我已知的，一一地告诉你）

我们先创建一个静态的精灵，只是让它在那站着，暂时不给它分配任何任务，这就是我们第一章的目标，当然，随着以后慢慢发展，我们的任务，也会越来越大。

这时候，我们先创建一个项目。在创建项目之前，你必须先安装上cocos2d-x的安装包。但是我不会上传附件，还请各位多多指教。。

现在默认已经新建了一个项目，===》点击classes文件夹===》你会看到有一个AppDelegate.h/.m HelloWorldScene.h/.m

这四个项目文件，就可以让我们创建一个动画了。其他的文件夹是干什么的，最近还没有研究。

AppDelegate.h/.m这两个里面的东西，我们暂时先不着急动。我们要改的东西在HelloWorldScene.m里面。

第一步：先删除多余的代码。（如果你是刚开始做，你可以先运行一下未改之前的代码，那里面已经是一个已经成型的程序了）

在bool HelloWorld::init()这个函数里面，我们要删除多余的代码。

bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !CCLayer::init() )
    {
        return false;
    }
    return true;
}

删除之后，这个是剩下的结果。。。如果这时候，我们再运行的时候，模拟器显示的界面应该是空白！

第二步：增加代码

这时候，我们要向文件里面添加精灵代码了。

    CCSprite * pSprite = CCSprite::create("Icon.png");//这个图片是系统自带的，可以直接使用
    CCSize size = CCDirector::sharedDirector()->getWinSize();//获取屏幕的大小
    pSprite->setPosition(ccp(size.width/2, size.height/2));//把精灵的位置放在系统的正中间
    this->addChild(pSprite,0);//将精灵加入到页面里面，并且放在第一层。

现在再运行，里面就有一个精灵了。

今天的任务呢，就算是完成了。。我们已经把精灵放在了界面中。下一章中，我们可以给精灵添加一些动画了！

在模拟器中，细心的同学会注意到，在左下角有三排数据，动态的显示在整个画面中，发生的变化。

在这里，我们简单的介绍一下，这三个数字帮助我们了解到当前的运行状态

第一行：显示的是绘画的内容数量，和屏幕中精灵的个数有关；这时候精灵的数目是1，如果可以，你可以尝试的再增加一个精灵，放在另一个位置，就会发现，第一行的数值变成了2；

第二行：“帧每秒” ===SPF = Seconds PerFrame

第三行：“帧每秒、帧速率” == FPS = Frames PerSecond，它是一直在动的。。