Cocos2D-X入门(15)实现拖尾效果

游戏中的刀光剑影

好的游戏效果必不可少,cocos2D中用CCMotionStreak实现这样的拖尾效果。

streak=CCMotionStreak::create(1, 16, 16, ccc3(255, 255 ,0), "fire.png");
streak->setPosition(ccp(240,160));
this->addChild(streak, 5);

在触摸事件中更新streak的位置,让其跟随鼠标。

bool ZDScene::ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent)
{
    streak->setPosition(pTouch->getLocation());
    return true;
}    

void ZDScene::ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent)
{
    streak->setPosition(pTouch->getLocation());
}

这样就OK了,效果图:

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索cocos2d
, cocos2d-x
, cocos2d x
, getlocation
效果
cocos2dx 拖尾效果、cocos 拖尾效果、cocos2dx 粒子 拖尾、cocos2dx 拖尾特效、cocos 拖尾,以便于您获取更多的相关知识。

时间: 2024-08-03 06:01:40

Cocos2D-X入门(15)实现拖尾效果的相关文章

Flash制作旋转拖尾文字效果

文字旋转时后面跟着自己的影子,给人超强的速度感.在模拟物体快速运动时常常要用到这种效果,下面就讲一下这种文字的制作方法. 一.新建文档,设置文档大小为500×500.帧频为30/秒. 二.创建一个图形元件,起名"影子",用文本工具选择合适的字体.加粗.斜体在舞台上输入文字,如中国教程网网址"bbs.jcwcn.com".设置面板如下图: 三.将文字打散为矢量图(执行两次"CTRL+B"键),然后用颜料桶工具进行渐变填充,混色器面板如图: 填充时先

flash 图片切换效果(拖尾模糊)

一款具有拖尾模糊效果的flash 图片切换源码,喜欢就进来下载吧. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

Fireworks滤镜快速打造3D彩虹拖尾字特效

滤镜|特效 使用Fireworks中的Motion Trail滤镜可以快速制作出如下图所示的3D效果彩虹拖尾字. 图1 本例在Fireworks 8中文版中制作完成,具体操作步骤如下. 1.启动Fireworks mx 2004中文版后,按Ctrl+N新建一个文档,大小自定,然后使用文本工具在画布上单击,输入文本"网页教学网",注意这里共五个字,设置字体为"隶书",字号为64,结果如图2所示. 图2 2.在文本框中选中"网",将颜色改为紫色,再选

Fireworks制作3D彩虹拖尾字特效

使用Fireworks中的Motion Trail滤镜可以快速制作出如下图所示的3D效果彩虹拖尾字. 图1 本例在Fireworks 8中文版中制作完成,具体操作步骤如下. 1.启动Fireworks mx 2004中文版后,按Ctrl+N新建一个文档,大小自定,然后使用文本工具在画布上单击,输入文本"网页教学网",注意这里共五个字,设置字体为"隶书",字号为64,结果如图2所示. 图2 2.在文本框中选中"网",将颜色改为紫色,再选中"

javascript实现完美拖拽效果

  javascript实现的拖拽效果,可以把屏幕上的图片拖动到任意地方,效果平滑,点击图片还可以从侧边展开图片的详细信息,非常好的相册效果 拖拽的原理 1.获取距离(鼠标的位置-odiv的外边距) 2.理解什么时候用onmousemove事件 3.判断是否过界 html代码: ? 1 <div id="div1"></div> css代码: ? 1 #div1{width:100px;height:100px;background:red;position:a

jQuery实现拖拽效果插件的方法

 这篇文章主要介绍了jQuery实现拖拽效果插件的方法,较为详细的分析了jQuery拖拽效果的实现技巧,需要的朋友可以参考下     本文实例讲述了jQuery实现拖拽效果插件的方法.分享给大家供大家参考.具体如下: 下面的jQuery插件允许你通过鼠标右键点击拖动overflow的元素,这个插件可以在移动设备上运行 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3

基于React.js实现原生js拖拽效果引发的思考_javascript技巧

一.起因&思路 一直想写一个原生js拖拽效果,又加上近来学react学得比较嗨.所以就用react来实现这个拖拽效果. 首先,其实拖拽效果的思路是很简单的.主要就是三个步骤: 1.onmousedown的时候,启动可拖拽事件,记录被拖拽元素的原始坐标参数. 2.onmousemove的时候,实时记录鼠标移动的距离,结合被拖拽元素第一阶段的坐标参数,计算并设置新的坐标值. 3.onmouseup的时候,关闭可拖拽事件,记录新的坐标值. 注意:这里主要是通过绝对定位的top和left来确定元素的位置

javascript支持firefox,ie7页面布局拖拽效果代码_javascript技巧

javascript 拖拽JavaScript Google IG Drag Demo,非常棒的拖动,准备用于F2Blog新Theme的后台模块设置,之间的拖 动 拖拽效果的页面效果演示地址:http://img.jb51.net/online/tuozhuai/google_drag.htm加强版效果演示地址:http://img.jb51.net/online/tuozhuai/google_drag2.htm拖拽原理: 关于拖拽的基础,可以参考这篇文章,讲得非常不错. 其实原理很简单,就是

用 Dreamweaver 制作拖拽效果

dreamweaver 在网上,我们经常可以看到一些非常实用的拖拽效果,特别是应用于网上购物时,访问者直接就可以把选中的物品拖拽到购物箱或者购物车里,非常方便.有趣.不过大多数人不知道,其实用Dreamweaver中的Behaviors也可以做出同样的效果来.如果你有兴趣,就和我一起来制作一个具有拖拽效果的的购物箱吧! 在做拖拽效果的网页之前,首先我们要准备一些图片.比如用作购物箱或购物车的一张 大图片,外加几张代表物品的小图片.我在这儿准备了一个购物袋,还有几样物品,它们分别是:手机.游戏手柄