使用cocos制作一个简易的小闹钟

使用cocos制作一个简易的小闹钟

本文转载至 学习使用Cocos制作《闹钟》

使用的引擎版本是cocos2.1

具体开发过程指导

(1)Cocos Studio部分

1.打开Cocos工具，新建一个项目：

2.设置好相关的配置，点击完成，从而发布到Cocos Studio中：

3.Cocos Studio IDE介绍：

左上角的是开发常用的游戏元素、UI控件、容器等，可以像VS2013一样拖拽，并在右边设置对应的属性；左下角是资源导入，可以导入所需的图片背景；下面是时间戳，用于设置基于时间戳的动画，在Cocos2dx模板中默认是FPS=60。

4.导入下载的资源，一般我们只导入图片即可：

5.给场景添加精灵节点：

6.添加好相关的精灵到Clock节点中：

7.设置时针分针秒针的锚点重合：

8.保存clock.csd节点设计文件，返回到MainScene.csd中，把clock.csd节点拖动到合适的位置，并且设置其在MainScene.csd中的名称：

9.保存所有设计文件（*.csd），然后将其发布到VS2013中：

10.点击确定，打开VS2013工程，但是不要关闭CocosStudio工程：

(2)VS2013结合Cocos Studio部分

　　HelloWorld.h代码：

#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__

#include "cocos2d.h"

class HelloWorld : public cocos2d::Layer
{

private:
    // 获取 时、分、秒 的精灵对象
    cocos2d::Sprite* hour;
    cocos2d::Sprite* minute;
    cocos2d::Sprite* second;

    // 获取节点
    cocos2d::Node* seekFromRootByName(cocos2d::Node* root, std::string& name);

public:
    // there's no 'id' in cpp, so we recommend returning the class instance pointer
    static cocos2d::Scene* createScene();

    // Here's a difference. Method 'init' in cocos2d-x returns bool, instead of returning 'id' in cocos2d-iphone
    virtual bool init();

    // implement the "static create()" method manually
    CREATE_FUNC(HelloWorld);

    void timeChanged(float dt);

};

#endif // __HELLOWORLD_SCENE_H__

 

 

HelloWorld.cpp代码：

#include "HelloWorldScene.h"
#include "cocostudio/CocoStudio.h"
#include "ui/CocosGUI.h"
// 添加声音
#include "SimpleAudioEngine.h"

using namespace CocosDenshion;

USING_NS_CC;

using namespace cocostudio::timeline;

Scene* HelloWorld::createScene()
{
    // 'scene' is an autorelease object
    auto scene = Scene::create();
    
    // 'layer' is an autorelease object
    auto layer = HelloWorld::create();

    // add layer as a child to scene
    scene->addChild(layer);

    // return the scene
    return scene;
}

// on "init" you need to initialize your instance
bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !Layer::init() )
    {
        return false;
    }
    
    auto rootNode = CSLoader::createNode("MainScene.csb");

    addChild(rootNode);

    // 获取 时、分、秒 的精灵对象
    hour = dynamic_cast<Sprite*>(seekFromRootByName(rootNode, std::string("h")));
    minute = dynamic_cast<Sprite*>(seekFromRootByName(rootNode, std::string("m")));
    second = dynamic_cast<Sprite*>(seekFromRootByName(rootNode, std::string("s")));

    // 设置调度器,每1秒运行一次
    schedule(schedule_selector(HelloWorld::timeChanged), 1.0);

    return true;
}

Node* HelloWorld::seekFromRootByName(Node* root, std::string& name){

    if (!root){    // 如果节点为空，则返回空指针
        return nullptr;
    }
    if (root->getName() == name){    // 如果root的名字是要找的节点的名字，则返回节点
        return root;
    }

    // 获取所有子节点
    const auto& arrayNode = root->getChildren();

    // 遍历子节点的数组
    for (auto& child : arrayNode){
        // 将child转换为Node指针，dynamic_cast运算符可以在执行期决定真正的类型
        Node* pNode = dynamic_cast<Node*>(child);
        if (pNode){    // 判断是否为空，不为空执行以下代码
            Node* res = seekFromRootByName(pNode, name);    // 递归调用此函数
            if (res)
                return res;    // 返回此节点
        }
    }
    return nullptr;    // 返回空指针
}

void HelloWorld::timeChanged(float dt){

    static int cnt = 0;
    // 获取 时、分、秒 的角度
    static float h = hour->getRotation();
    static float m = minute->getRotation();
    static float s = second->getRotation();

    s += 6.0;    // 秒针每秒走了6.00°
    m += 0.1;    // 分针每秒走了0.1°
    cnt = ++cnt % 12;    // 让 cnt 在 1 - 12 中循环
    if (cnt == 0){
        h += 0.1;    // 时针每12秒走0.1°
        hour->setRotation(h);    // 改变时针的角度
    }
    minute->setRotation(m);    // 改变分针的角度
    second->setRotation(s);    // 改变秒针的角度

    // 播放音效
    SimpleAudioEngine::getInstance()->playEffect("clock.mp3");

}