CocosCreator缓动系统使用---停止repeatForever命令

最新推荐文章于 2024-01-11 16:12:11 发布
最新推荐文章于 2024-01-11 16:12:11 发布
阅读量3.5k 收藏 2
点赞数
分类专栏： Cocos Creator 文章标签： 游戏引擎 cocos-creator
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fayeni/article/details/115324329
版权

 

cc.tween的缓动系统使用repeatForever时会永久生效，如果有需求要让该动作在某一刻换个动作或者停下来，直接对该节点做cc.tween的修改是无效的

因此需要先将该动作停下来，以下代码会生效。

另外不能使用const nodeTween =  cc.tween(targetNode)这种方式，尝试后发现无法停止，原因推测可能是因为无法对应到该缓动系统。

cc.Tween.stopAllByTarget(targetNode);
Fayeni
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Creator数钱小游戏源码CountMoney.zip
12-13
Creator数钱小游戏源码CountMoney.zip // Learn cc.Class: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class.html // - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/reference/attributes.html // Learn life-cycle callbacks: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html // - [English] https://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html cc.Class({ extends: cc.Component, properties: { nodeMoney: cc.Node, nodeGuide: cc.Node, nodeStart: cc.Node, txtCount: cc.Label, txtTime: cc.Label, nodeMoneyBg: cc.Node, nodeTimerBg: cc.Node, nodeSpillMoney: cc.Node, txtTotal: cc.Label, }, // LIFE-CYCLE CALLBACKS: onLoad () { this.node.on(cc.Node.EventType.TOUCH_START, event => { this.onTouchStart(event); }); this.node.on(cc.Node.EventType.TOUCH_MOVE, event => { this.onTouchMove(event); }); this.node.on(cc.Node.EventType.TOUCH_END, event => { this.onTouchEnd(event); }); this.nodeMoneyBg.zIndex = 10; this.nodeTimerBg.zIndex = 10; this.nodeStart.zIndex = 20; this._touchNode = null; this._count = 0; this._isPlaying = false; }, start () { }, startGame(){ this._isPlaying = true; this.nodeStart.active = false; this.txtTime.string = 10; this.txtCount.string = 0; this._count = 0; this.startTimer(); this.spillMoney(); }, startTimer(){ this.schedule(this.timeCallback, 1); }, timeCallback(){ let time = parseInt(this.txtTime.string); time--; this.txtTime.string = time; if(time this._touchNode.y){ this._touchNode.y = pos.y; } }, onTouchEnd(event){ if(!this._isPlaying){ return; } let now = event.getLocation(); let start = event.getStartLocation(); if(now.y - start.y > 10){ let seq = cc.sequence( cc.spawn( cc.moveBy(0.3, 0, cc.winSize.height), cc.scaleTo(0.3, 0.7) ), cc.removeSelf(), ); this._touchNode.runAction(seq); } this._count++; this.txtCount.string = `${this._count * 100}`; }, onClick(){ this.startGame(); }, spillMoney(){ let seq = cc.sequence( cc.delayTime(0.2), cc.callFunc( () => { let x = Math.random() * cc.winSize.width; x -= cc.winSize.width / 2; let node = cc.instantiate(this.nodeSpillMoney); node.active = true; node.parent = this.nodeSpillMoney.parent; node.runAction(cc.sequence( cc.place(x, cc.winSize.height / 2 + node.height / 2), cc.spawn(cc.moveBy(1, 0, -cc.winSize.height - node.height / 2), cc.rotateBy(1, 1080)), cc.removeSelf(), )); }), ); seq.setTag(0xff); this.node.runAction(seq.repeatForever()); }, });
Cocos Creator里cc.tween的stopAllActions() 和 repeatForever的用法
Dust的博客
11-20 5541
this.useNowBtn.stopAllActions(); this.useNowBtn.setPosition(46 + t * 120, 360); cc.tween(this.useNowBtn) .repeatForever( cc.tween() .by(0.3, { position: cc.v2(0, -30) }) .by(0.3, { position: cc.v2(0, 30) }) ) .start(); 注意stopAllActions()只能停止挂在
cocos creator尝试使用tween的几种新实现方案
Taoshow的博客
12-21 1121
尝试使用tween的几种新实现方案 旧方式 tween(this.testNode1) .then( tween(this.testNode1) .to(1, {position: v3(500, 0, 0)}) .to(1, {position: v3(0, 0, 0)}) ) .repeatForever() .start() 新 tween(this.testNode1) .to(1, {position: v3(500, 0, 0)}) .to(1, {posi
Creator口红机实现lipstick_3.zip
12-13
Creator口红机实现lipstick_3.zip // Learn cc.Class: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class.html // - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html // Learn Attribute: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html // - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/reference/attributes.html // Learn life-cycle callbacks: // - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html // - [English] https://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html var DataMgr = require('DataMgr'); var LayerMgr = require('LayerMgr'); cc.Class({ extends: cc.Component, properties: { nodePlate: cc.Node, // 板子 nodeTouch: cc.Node, // 触摸节点 nodeLipstick: cc.Node, // 口红位置 prefabLipstick: cc.Prefab, // 口红预制 nodeLipstickContainer: cc.Node, // 总共有多少口红容器 }, // LIFE-CYCLE CALLBACKS: onLoad () { let mgr = cc.director.getCollisionManager(); mgr.enabled = true; // mgr.enabledDebugDraw = true; // mgr.enabledDrawBoundingBox = true; }, start () { this.nodeTouch.getComponent('Touch').setCallback( () => { this.onTouchCallback(); }); this.reloadUI(); this.startRun(); }, // update (dt) {}, startRun(){ // 顺时针转一圈，再逆时针转一圈，如此反复 this.nodePlate.stopAllActions(); this.nodePlate.rotation = 0; let seq = cc.sequence( cc.rotateBy(4, 360).easing(cc.easeIn(1.5)), cc.rotateBy(4, -360).easing(cc.easeIn(1.5)), ); this.nodePlate.runAction(seq.repeatForever()); }, /** * @description: 点击屏幕回调 * @param {type} * @return: */ onTouchCallback(){ // 口红用完了 if(DataMgr.leftLipstick <= 0){
SwiftUI 动画Animating Circles 旋转缩放源码
12-05
SwiftUI 动画之Circle Animation 移动、旋转、显示、消失和放大联合动画。关键技术：1.从顶向下线性过渡LinearGradien；2. 垂直偏移.offset;3.设置透明度.opacity(0.5);4.旋转60度.rotationEffect(.degrees(60))；5. 设置重复播放.animation(Animation.easeInOut.repeatForever(autoreverses: true).speed(1/8))
cocoscreator中tween详细用法
evy_gyw的专栏
11-10 8133
基本方法： to：对属性进行绝对值计算，最终的运行结果即是设置的属性值，即改变到某个值 by：对属性进行相对值计算，最终的运行结果是设置的属性值加上开始运行时节点的属性值，即变化值 cc.tween(this.node) .to(1, { position: cc.v2(100, 100), angle: -90 }).by(1,{scale:2}).start(); 贝塞尔曲线： cc.tween(this.node) .bezie...
CocosCreator 源码cc.RepeatForever详解
最新发布
weixin_50892911的博客
01-11 390
欢迎关注公众号：“Cocos Creator 源码讲解”，一起学习。
cocos repeatForever 停滞动画 填坑之路1
qq_34703156的博客
10-26 473
let nd = cc.tween(this.node); nd.repeatForever(nd.sequence( nd.to(0.2, { y: 50 }), nd.to(0.15, { y: 0 }), nd.to(0.1, { y: 30 }), nd.to(0.1, { y: 0 }), nd.to(5, {}..
cocos2d-x学习笔记（10）重复动作RepeatForever和Repeat 以及动作组合Sequence和Spawn
冰镇油条
12-12 7469
Repeat和RepeatForever Sprite* sprite=Sprite::create("sprite.png"); sprite->setPosition(Point(visibleSize.width/2,visibleSize.height/2)); this->addChild(sprite,1); JumpBy* jumpBy=JumpBy::create(3
SwiftUI 海浪与航船动画完整项目含源码
12-06
SwiftUI 海浪与航船动画完整项目含源码。1、绘制线path.addLine ； 2、绘制曲线path.addCurve；3、绘制边框.stroke(Color.red, lineWidth: 3)；4、重复播放.repeatForever(autoreverses: true)；5、旋转.rotationEffect(.degrees(180))
cocos2d-x动画资源
04-03
cocos2d-x的动画资源素材，在cocos2d-x中添加如下代码使用： //动画 //创建一个缓存 auto cache = SpriteFrameCache::getInstance(); //先把图片读入内存 cache->addSpriteFramesWithFile("anim.plist"); ...
CocosCreator 让角色动起来 (第六篇)
程序员战胜
02-18 4513
前言： 要使得一个角色动起来，CocosCreator提供了动作系统，里面有很多的API函数，可以通过调用不同的API函数来控制角色的运动，动作系统可以在一定时间内对节点完成位移，缩放，旋转等各种动作。需要注意的是，动作系统并不能取代 动画系统，动作系统提供的是面向程序员的 API 接口，而动画系统则是提供在编辑器中来设计的。 一、动作系统应用 1. 动作系统API 这里提醒一下：这些动作系统的API都是相对节点而言的，是用来操作节点的，千万别给组件加动作. 一定用在节点上 // 创建一个动作 var a
cocoscreator缓动系统实例
weixin_44799450的博客
12-21 499
to(1,{position:v3(0,200,0)})//（时间，属性）//传入参数则重复参数，不传则重复前一动作。//缓动曲线，实现由慢到快或由快到慢等)//缓动曲线，实现由慢到快或由快到慢等)//实现循环动作二,tween可以嵌套。//动作停止的方法二。//动作停止的方法一。//改变对象属性，移动。
cc.Node.动作
weixin_34113237的博客
11-22 286
Action动作 1.Action类是动作命令,我们创建action,然后节点运行action就能够执行Action的动作 2.Action分为两类； (1)即时动作: 瞬时就完成ActionInstant (2)时间间隔动作:要一段时间才能完成ActionIntervial 3.runAction:节点运行这个action动作...
cocos creater 3.x 开发笔记（踩坑总结）
qq_26069551的博客
01-31 1492
cocos creater 3.x 花屏闪屏黑屏、cocos creater 3.x 摄像机Layer与节点Layer不同导致UI丢失、cocos creater 3.x tween缓动动画使用opacity透明度失效
CocosCreator之Tween缓动动画
神兽白泽
10-04 6605
可能遇到的问题： 1.按钮相关的bug->按钮设置了缩放效果后，会与动作的scale的效果冲突，此时需要先禁用按钮，动画完成后再启用按钮。 2.重复次数填1，则1此都不循环，填2则循环1次。 3.repeat操作是对上个操作循环，而不是对前面所有的操作repeat，如果操作多请用cc.sequence包裹住这些操作后，再使用循环。 tween的基本操作： let tween = cc.tween; // 链式结构 tween(this.node) .to(1, { position
Cocos creator 基础学习---Color颜色
Fayeni的博客
09-02 6199
this.node.color = cc.color(255,255,100); this.node.opacity = 100; 也可以： this.node.color = cc.Color.GREEN; 注意大小写区别。。。 有四个值：R/G/B/A（red、green、blue、alpha） 官方建议只设置前三个rgb，如果要设置透明度则单独设置。但是写了也不影响效果。。。。 ...
cocos tween缓动
09-11
Cocos Tween是Cocos Creator引擎中用于实现缓动效果的工具。它可以让开发者更方便地创建和控制对象的动画效果。Cocos Tween提供了多种方法来实现缓动效果，包括使用to()方法、使用sequence()方法、以及使用repeatForever()方法等。引用中提到了一种基本的Tween使用方式，它是从as tween改写的，基本功能与as tween基本一致，但没有实现特定功能的接口。而引用中则提供了一种通过修改_finalAction._speed属性来实现Tween速度加减速的方法。通过将_finalAction._speedMethod设置为true，并修改_speed的值，可以改变Tween的速度。需要注意的是，_speed默认为1，值越大速度越快。此外，引用中列举了一些透明度缓动的方式，例如使用to()方法来实现透明度的渐变效果，使用easing参数可以使用不同的缓动类型，如elasticOut、sineIn等。缓动相关的参数还有backIn、backOut等，可以实现不同的加减速效果和渐隐效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值