Cocos2d 基础知识 2

最新推荐文章于 2024-10-16 20:03:57 发布
原创 最新推荐文章于 2024-10-16 20:03:57 发布 · 386 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

这篇博客详细介绍了Cocos2d-X中处理单点触摸事件的方法，包括触摸开始、移动、结束和取消的事件监听器，并展示了如何注册和销毁这些监听器。此外，还提到了屏幕适配的策略，如EXACT_FIT、NO_BORDER、SHOW_ALL等，并讲解了如何使用Cocos2d-X的事件监听器进行多点触摸交互。

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

 单点触摸

//触摸开始

bool  Chapter05::onTouchBegan(Touch*touch,Event *unused_event)

//{

//    log("Touch Began\r\n");

//    Vec2 touchPoint =touch->getLocation();

//    log("x:%f,y%f",touchPoint.x,touchPoint.y);

//    return true;

//}

//触摸移动

// void  Chapter05::onTouchMoved(Touch*touch,Event *unused_event)

//{

//    auto drawNode=DrawNode::create();//创造 轨迹

//    this->addChild(drawNode,10);


//   Vec2 touchPoint =touch->getPreviousLocation();

//    log("Touch Moved\r\n");

//     log("x:%f,y%f",touchPoint.x,touchPoint.y);

//    if (sp->getBoundingBox().containsPoint(touch->getLocation()))//边界框  包含（）

//    {

//        sp->setPosition(touch->getLocation());// 位置

////        drawNode->drawLine(touch->getLocation(), touch->getPreviousLocation(), Color4F(1, 0, 0, 1));

//    }

//    drawNode->drawLine(touch->getLocation(), touch->getPreviousLocation(), Color4F(1, 0, 0, 1));

//

//}

触摸结束


// void  Chapter05::onTouchEnded(Touch*touch,Event *unused_event)

//{

//    Vec2 touchPoint =touch->getStartLocation();

//    log("Touch Ended\r\n");

//

//}

触摸取消：例 手机出现了来电，是我们游戏进入后台

// void  Chapter05::onTouchCancelled(Touch*touch,Event *unused_event)

//{

//    long("Touch Cancelled\r\n");

//}



//单点触摸


onEnter（）

{

/*//    auto touchListener=EventListenerTouchOneByOne::create();//触摸监听

//    touchListener->onTouchBegan=CC_CALLBACK_2(Chapter05::onTouchBegan, this);

//    touchListener->onTouchMoved=CC_CALLBACK_2(Chapter05::onTouchMoved, this);

//    touchListener->onTouchEnded=CC_CALLBACK_2(Chapter05::onTouchEnded, this);

//    touchListener->onTouchCancelled=CC_CALLBACK_2(Chapter05::onTouchCancelled, this);

//    

//  Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority (touchListener,this);//注册该监听

//    drawNode->drawLine(touch->getLocation(), touch->getPreviousLocation(), Color4F(1, 0, 0, 1));*/

}

在哪里注册就在哪里销毁，销毁触摸接听

void Chapter05::onExit()

{

    Director::getInstance()->getEventDispatcher()->removeEventListenersForTarget(this);

    Layer::onExit();

}

或者种形式

void ChaCase1::onEnter()

{

    Layer::onEnter();

    auto  touchListener = EventListenerTouchOneByOne::create();

    touchListener->onTouchBegan = CC_CALLBACK_2(ChaCase1::onTouchBegan,this);

    touchListener->onTouchMoved = CC_CALLBACK_2(ChaCase1::onTouchMoved,this);

    touchListener->onTouchEnded = CC_CALLBACK_2(ChaCase1::onTouchEnded, this);

    touchListener->onTouchCancelled=[=](Touch* t,Event * e)

    {

        Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(touchListener, this);

    };

    touchListener->setSwallowTouches(true);

    Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(touchListener, this);

    

    

    this->scheduleUpdate();

}




//模态对话框

/* {

        auto visableSize = Director::getInstance()->getVisibleSize();

        auto sp = Sprite::create("StartBG.png");

        sp->setPosition(240,160);

        sp->setScale(sp->getContentSize().width/visableSize.width, sp->getContentSize().height/visableSize.height);

        this->addChild(sp);

        //

        //

        auto btn1 = Button::create("c0.png");

        btn1->setPosition(Vec2(240, 160));

        btn1->addClickEventListener([=](Ref* sender){

            cout<<"btn1"<<endl;

            

            

            auto widget = Widget::create();//创建一个widget对象 ，类似于一个层

            widget->setAnchorPoint(Vec2(0, 0));//设置锚点

            widget->setPosition(Vec2(0, 0));//设置位置

            widget->setContentSize(visableSize);//设置覆盖区域

            widget->setTouchEnabled(true);//开启触摸

            widget->setSwallowTouches(true);//吞噬触摸

            this->addChild(widget);

            

            

            auto sp1 = Sprite::create("tabBg1.png");

            sp1->setPosition(240,160);

            widget->addChild(sp1);

            

            

            auto _btn = Button::create("c4.png");

            _btn->setAnchorPoint(Vec2(1, 1));

            _btn->setPosition(sp1->getContentSize());

            _btn->addClickEventListener([=](Ref* sender){

                cout<<"_btn"<<endl;

                  //删除父节点中的当前节点并清除动作及回调函数

                widget->removeFromParentAndCleanup(true);

            });

            sp1->addChild(_btn);

            

            

        });

        this->addChild(btn1);

        

        

        auto btn2 = Button::create("c1.png");

        btn2->setPosition(Vec2(240, 220));

        btn2->addClickEventListener([=](Ref* sender){

            cout<<"btn2"<<endl;

        });

        this->addChild(btn2);

        

        

        

        auto btn3 = Button::create("c2.png");

        btn3->setPosition(Vec2(240, 100));

        btn3->addClickEventListener([=](Ref* sender){

            cout<<"btn3"<<endl;

        });

        this->addChild(btn3);

        

    }*/



//画轨迹

/*//    auto drawNode=DrawNode::create();//创造 轨迹

//    

//    this->addChild(drawNode,10);

//    drawNode->setLineWidth(10);//线宽

    //画路线

//    drawNode->drawLine(Vec2(0,0), Vec2(480,320), Color4F(1, 0, 0, 1));//画路线

//    //                 开始位置     结束位置           线颜色

//    //画圆

//    drawNode->drawCircle(Vec2(240,160), 50, 90, 4, false, Color4F(1, 0, 0, 1));//画圆


//    //画点

//    drawNode->drawDot(Vec2(50,50), 20, Color4F(0,0,0,1));

    

    //rect矩形

//    drawNode->drawRect(Vec2(visableSize.width/2-100,50), Vec2(visableSize.width/2+100,50), Vec2(visableSize.width/2+100,100), Vec2(visableSize.width/2-100, 100), Color4F(1,0,0,1));

    //

  //drawCubicBezier贝塞尔曲线

//    drawNode->drawCubicBezier(Vec2(0,origin.y), Vec2(visableSize.width/2,origin.y+visableSize.height/4), Vec2(visableSize.width/2,origin.y+visableSize.height*3/4), Vec2(visableSize.width, origin.y+visableSize.height), 100, Color4F(1,1,0,1));

    

    */


广告字幕循环

 auto text =Text::create ("!京北来迎欢","",40);

            text->setPosition(Vec2(240,160));

            this->addChild(text,1);

            auto moveby=MoveBy::create(6, Vec2(270,0 ));

    

    auto call = CallFunc::create([=](){

        text->setPosition(Vec2(0,160));

    });

    auto sequence = Sequence::create(moveby,call, NULL);

    auto rep = RepeatForever::create(sequence);

    text->runAction(rep);

    

    auto stencil=Sprite::create("fish_1.png");

    auto  clippingNode=ClippingNode::create();

    clippingNode->setStencil(stencil);//设置裁剪模板

    clippingNode->setInverted(true);//设置地板可见

    clippingNode->setAlphaThreshold(0);//设置绘制底板透明度为0

    clippingNode->setPosition(Vec2(240,160));

    this->addChild(clippingNode,2);

    

    auto content=Sprite::create("任务效果图.png");


    content->setScale(content->getContentSize().width/240, content->getContentSize().height/160);


    clippingNode->addChild(content,2);



多点触摸



void Chapter05::onEnter()

{

    

   

    Layer::onEnter();

    

    auto touchListener=EventListenerTouchAllAtOnce::create();

    touchListener->onTouchesBegan=CC_CALLBACK_2(Chapter05::onTouchesBegan,this );

    touchListener->onTouchesMoved=CC_CALLBACK_2(Chapter05::onTouchesMoved,this );

    touchListener->onTouchesEnded=CC_CALLBACK_2(Chapter05::onTouchesEnded,this );

    touchListener->onTouchesCancelled=CC_CALLBACK_2(Chapter05::onTouchesCancelled,this );


    Director::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(touchListener, this);

}


void Chapter05::onExit()

{

    Director::getInstance()->getEventDispatcher()->removeEventListenersForTarget(this);

    Layer::onExit();

}


void Chapter05::onTouchesBegan(const std::vector<Touch*>& touches, Event *unused_event)

{

    

    log("\r\nTouches began\r\n");

    for (auto item:touches)

    {

        log("x=%f,y=%f",item->getLocation().x,item->getLocation().y);

    }

    if(touches.size()>1)

    {

        auto a1=touches[0]->getLocation();

        auto a2=touches[1]->getLocation();

        distance=a1.distance(a2);

    }

    

}

void Chapter05::onTouchesMoved(const std::vector<Touch*>& touches, Event *unused_event)

{

    log("\r\nTouches began\r\n");

    for(auto item:touches)

    {

        log("x=%f,y=%f",item->getLocation().x,item->getLocation().y);

    }

    

    if(touches.size()>1)

    {

        auto a11=touches[0]->getLocation();

        auto a12=touches[1]->getLocation();

        float _distance=a11.distance(a12);//两点的距离

        float _scale=_distance/distance;

    

       if (_scale>=10)

        {

         _scale=10;

        }

    sp->setScale( _scale);

    }

    

}

void Chapter05::onTouchesEnded(const std::vector<Touch*>& touches, Event *unused_event)

{

    log("\r\nTouches began\r\n");

    for(auto item:touches)

    {

        log("x=%f,y=%f",item->getLocation().x,item->getLocation().y);

    }

}

void Chapter05::onTouchesCancelled(const std::vector<Touch*>& touches, Event *unused_event)

{

    log("\r\ntouches cancellde\r\n");

}





      






删除之前动作


  auto _callfunc=CallFunc::create([=](){

//removeFromParentAndCleanup

表示把sprite从屏幕上删除

           

 //删除父节点中的当前节点并清除动作及回调函数

            progressCircle1->removeFromParentAndCleanup(true);

        });

    //一样的功能，删除

    //        auto _callfunc=RemoveSelf::create();


或

    this->removeChild(text);





弧长=nπr/180，在这里n就是角度数，即圆心角n所对应的弧长。


n=弧度/ π*180       n就是角度数

atan();求弧度的函数



    Vec2 touchPoint=touch->getPreviousLocation();


    float tan;

    float angle;

    if (touchPoint.x>=240)

    {

        tan=touchPoint.y/(touchPoint.x-240);

        angle=90-atan(tan)/3.14*180;

        s666->setRotation(angle);

    }

    if (touchPoint.x<240)

    {

        tan=touchPoint.y/(240-touchPoint.x);

        angle=270+atan(tan)/3.14*180;

        s666->setRotation(angle);

    }

或

float CatchFish1::cannonRotation(Point p1,Point p2)//大炮旋转 p1是鼠标位置   p2是大炮位置

{

    float offx=p1.x-p2.x;

    float offy=p1.y-p2.y;

    if (offy<=0)

    {

        return -180;

    }

    

    float ratio= offy/ offx;

    float angle=atan(ratio)/M_PI*180;

    if (angle>0) {

        cannon->setRotation(90-angle);

        

        return 90-angle;

    }

    else

    {

        cannon->setRotation(-90-angle);

        return -90+angle;

    }

    

    

}








static Color4F color=Color4F::BLUE;

layer1=LayerColor::create(Color4B::WHITE,300,200);

btn3->setScale9Enabled(true);



碰撞框


   bool containsPoint(const CCPoint& point) const;
    bool intersectsRect(const CCRect& rect) const;


         Vec2 PerPoint=touch->getPreviousLocation();//

        Vec2 touchPoint=touch->getLocation();//当前点

          碰撞的图片                                                   鼠标当前点

        if (layer1->getBoundingBox().containsPoint(touchPoint))

        {

            drawNode->drawLine(PerPoint, touchPoint, color);

        }

   //矩形与矩形的碰撞检测

   auto fishNetRect = fishNet->getBoundingBox();

       

   auto fishRect = fish->getBoundingBox();


   fishNetRect.intersectsRect(fishRect))//相交的矩形





 //粒子效果气泡

    auto bubble=ParticleSystemQuad::create("qipaom.plist");

    bubble->setPosition(Vec2(240, 100));

    bubble->setAutoRemoveOnFinish(true);//是否在结束后自动删除

    bubble->setEmissionRate(5);//每秒 5个

    bubble->setDuration(-1);//循环

    this->addChild( bubble,4);












第7章屏幕适配




屏幕适配  第一个参数 设计分辨率宽 高 适配策略


  setDesignResolutionSize(DW, DH, resolutionPolicy)



资源分辨率，设计分辨率，屏幕分辨率

 

Resources width 以下简写为RW， Resources height 以下简写为RH

Design width 以下简写为DW，       Design height 以下简写为DH

Screen width 以下简写为SW，       Screen height 以下简写为SH

例如：



    EXACT_FIT：屏幕宽 与 设计宽比 作为X方向的缩放因子，屏幕高 与 设计高比 作为Y方向的缩放因子。保证了设计区域完全铺满屏幕，但是可能会出现图像拉伸。


    NO_BORDER：屏幕宽、高分别和设计分辨率宽、高计算缩放因子，取较(大)者作为宽、高的缩放因子。保证了设计区域总能一个方向上铺满屏幕，而另一个方向一般会超出屏幕区域。


    SHOW_ALL：屏幕宽、高分别和设计分辨率宽、高计算缩放因子，取较(小)者作为宽、高的缩放因子。保证了设计区域全部显示到屏幕上，但可能会有黑边。


    FIXED_HEIGHT：保持传入的设计分辨率高度不变，根据屏幕分辨率修正设计分辨率的宽度。


    FIXED_WIDTH：保持传入的设计分辨率宽度不变，根据屏幕分辨率修正设计分辨率的高度。






#include "cocostudio/CocoStudio.h"

#include "ui/CocosGUI.h"

using namespace cocos2d::ui;



 

    auto root=CSLoader::createNode("Layer.csb");

    this->addChild(root);



AppDelegate.cpp里面写                               文件夹

 FileUtils::getInstance()->addSearchPath(“COCOSSTUDIO");

作用是写图片：不用加COCOSSTUDIO/

新设置的路径放在路径搜索的前面


MessageBox 写2个参数  提示

Cocos2dx 3.0 过渡篇（三） 触摸机制
天涯海阁
01-15 2万+
假设要实现拖动一个精灵移动，那我们的步骤是： 1、 创建一个精灵sprite； 2、一个触摸事件 listener ，设置listener的onTouchBegan,onTouchMoved,onTouchEnded; 3、将sprite 和 listener关联起来。
COCOS2D运行流程
Snail丶heart
10-09 699
学了几天的coco2d-x引擎，现在总结一下：AppDelegate类管理整个程序的生命周期。 在其中有这么一段代码： // create a scene. it's an autorelease object /*auto scene = HelloWorld::createScene();*/ SceneManger *manger = new SceneManger();//
cocos2d-x 图层触摸事件处理onTouch-沈大海cocos2d-x教程8
mmdev
11-12 210
一个层接收触摸消息需要如下步骤： 1，在初始化阶段(init方法)将此层的属性设置为接收触摸消息 setTouchEnabled(true);//开启屏幕触摸 2，重载函数virtual void registerWithTouchDispatcher(void);因为默认的方式为Standard Touch Delegate，因此需要重新注册，在函数中添加以下语句 CCTouchDispa...
cocos2d-x让精灵响应触摸 并把方向旋转到相对应的角度
iOS开发专栏
10-16 1464
在cocos2d-x里面  想要把一个精灵从原位置移动到用户所触摸到的点 , 并且把精灵的方向旋转相对应的弧度,可以参考一下我的做法 我这里的精灵是用一条鱼, 用户触摸后鱼就移动到所触摸的点, 并且移动开始时鱼头的方向已经向着所触摸的点 下面是详细做法 首先  h文件申明重写CCLayer里面的四个方法 :     virtualvoid registerWith
cocos2d-js之单点触摸
TomatoAndBeef的博客
03-09 1560
屏幕触摸事件有两个监听器cc.EventListener.TOUCH_ONE_BY_ONE和cc.EventListener.TOUCH_ALL_AT_ONCE，分别对应着单点触摸和多点触摸。 与触摸事件相关联的触摸响应属性有： onTouchBegan:当手指触摸屏幕是回调该属性所指的函数，如果函数返回值为true,才会回调后面两个属性（onTouchMoved和onTouchEnded）所指
小谈Cocos2d-JS中的getRotation()函数
T910107的专栏
11-24 3139
今天无意中发现了一个问题，当设置完节点的旋转信息(setRotation)后马上获取节点的旋转信息(getRotation)，经常会报错（Assert failed: CCNode#rotation. RotationX != RotationY. Don't know which one to return），报错的大意就是rotationX不等于rotationY，所以它就不知道该返回多少了，
cocos2d-x-3.1.zip
11-02
2. **C++基础**：Cocos2d-x主要采用C++作为编程语言，同时也支持Lua和JavaScript，但3.1版本主要集中在C++上，这需要开发者具备一定的C++基础。 3. **渲染引擎**：Cocos2d-x 3.1包含了强大的2D渲染引擎，能够处理...
cocos2d-js基础知识
05-19
基础知识的介绍，元素的基本关系，精灵元素的属性，动画，帧动画、事件机制的简单介绍
Cocos2d-x实战 JS卷 Cocos2d-JS开发
10-14
JS卷特别针对JavaScript开发者，详细介绍了如何利用Cocos2d-JS进行游戏开发，涵盖了从基础概念到高级技术的全面知识。 本书的内容可能包括以下几个方面： 1. **Cocos2d-x入门**：介绍Cocos2d-x的基本架构，包括...
Cocos2d-x实战C++卷关东升著完整版pdf
07-24
首先，Cocos2d-x的基础知识是必须掌握的。Cocos2d-x基于C++，但也支持Lua和JavaScript，但本书主要关注C++的使用。C++作为一门强大的系统级编程语言，提供了面向对象的特性，使得游戏开发中的对象管理和性能优化更为...
Cocos2d基础知识和基本函数详解
Cocos2d基础和基本函数 Cocos2d是一个流行的开源游戏引擎，广泛应用于移动端和桌面端游戏开发。本文档将详细介绍Cocos2d的基础和基本函数，涵盖Scene对象、CCDirector类、节点处理、动作处理方式等重要概念。 一、...
cocos2d旋转按钮
-CQ-的专栏
08-08 780
CCMenuItemImage* pButtertrait = CCMenuItemImage::create(    "buttleflyandmonthbttele.png",    "buttleflyandmonthbttele.png",     this,     menu_selector(CBeetle::trait));   pButtertrait->setRo
Cocos2d-x精灵，上下跳动，设置比例，旋转，扭曲，透明度
Astor的专栏
10-09 2780
创建一个Cocos2d-X工程，工程的目录如下图所示： 在Resourcees文件夹中添加一张png格式的图片 在HelloWorldScene.cpp文件中的bool HelloWorld::init()函数中添加下面的代码 [cpp] view plaincopy  //调用CCLayer的父类的初始化函数      if ( !CCLayer::init() )  
cocos2d-x 自带11种粒子特效
灵思致远Leansmall的博客
08-25 1597
[cpp] view plaincopy //粒子特效              //爆炸效果       CCParticleSystem* particleSystem = CCParticleExplosion::create();       particleSystem->setTexture(CCTextureCache::sharedTextur
cocos2dx-学习笔记（总）
Tang_AHMET的博客
06-11 1067
#1.渲染框架 1.导演与层 1.导演Director-Ref(单实例类) 2.层Layer-Node节点-Ref 2.重点:将节点2设置为节点1的子节点的方法: 节点1->addChild(节点2); 3.Node的设置/获取属性的方法: 1.设置/获取位置:setPosition/getPosition(设置位置时,如果有父节点,则是以父节点内容左下角坐标为坐标系原点,与父节点锚点无关) 2.设置/获取旋转:setRotation/getRotation 3.设置/获取
cocos2D-x 3.5 引擎解析之--节点（Node）
shiwazone的专栏
06-07 1468
#ifndef __CCNODE_H__ #define __CCNODE_H__   #include "base/ccMacros.h" #include "base/CCVector.h" #include "base/CCProtocols.h" #include "base/CCScriptSupport.h" #include "math/CC
cocos 拖拽移动偏移过大问题，移动越来越远bug，e.getDelta()和e.getPreviousLocation()，获得的值需要除以视图缩放比例，如x轴缩放view.getScaleX()
最新发布
PrimaryColor
10-16 370
e.getDelta()和e.getPreviousLocation()分别是获取上一次触碰点的坐标，获得的值需要除以视图缩放比例，如x轴缩放view.getScaleX()。拖拽移动问题，移动越来越远bug?
cocos2dx接百度定位SDK（Android）
weixin_42004350的博客
04-17 1124
步骤：第一步：到百度地图开发平台申请AK，SHA1获得方式如图第二步：下载SDK：BaiduLBS_AndroidSDK_Lib，把文件夹内容拷贝到工程/proj.android/libs目录下第三步：在AndroidManifest.xml的application下添加&lt;meta-data android:name="com.baidu.lbsapi.API_KEY" android:va...
cocos2dx三行代码实现拖动/鼠标跟随效果
bark2003的专栏
03-12 4357
为了实现这个效果，看了很多例子。但网上说的都大同小异。 但是现在版本更新了(我用的是2.2.2)，很多方法变得简洁了，我发现，想实现拖动效果，只需三行代码： CCPoint touchPos = pTouch->getLocation(); CCPoint moveDelta = ccpSub(touchPos, pTouch->getPreviousLocation()); CC
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值