cocosCreator抽奖转盘效果实现，附缓动动作预览

最新推荐文章于 2024-10-03 17:20:14 发布

赵恒fegnze

最新推荐文章于 2024-10-03 17:20:14 发布

阅读量1.5k

点赞数 2

分类专栏： CocosCreator 文章标签： cocos-creator

本文链接：https://blog.csdn.net/u011208111/article/details/111582234

版权

CocosCreator 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍如何使用CocosCreator 3.0的缓动队列(tween)来实现抽奖转盘的效果。通过链式调用设置转盘的旋转角度，利用sineInOut缓动函数实现平滑过渡。适用于游戏开发中需要实现类似转盘抽奖场景的情况。

摘要由CSDN通过智能技术生成

cocosCreator3.0-抽奖-转盘效果

- - 利用缓动队列实现，tween

利用缓动队列实现，tween

this.initAngle = this.initAngle + 360 * 10
        cc.tween(this.sweep)
            .to(3, {
                angle: this.initAngle + this.initIndex * 45
            }, { easing: 'sineInOut' })
            .start();

3.0因为整合了3d坐标系，取消了rotation，旋转的话要用矩阵，2维旋转用angle
tween采用链式接口，start()之前的动作会被添加到默认的动作列表

附：缓动效果预览https://easings.net

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

赵恒fegnze

关注关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

cocos creator 实现转盘抽奖

qq_40956352的博客

12-17

1503

1.在开发过程中，我们经常回有幸运抽奖的功能，那么这个到底怎么实现的呢？今天分享一个自己实现转盘的功能。

cocos creator入门教程之简单游戏抽奖滚动转盘的实现

qq_41967240的博客

10-23

1387

游戏开发中抽奖转盘的使用或许是相当重要的部分，尤其可以激发玩家对于抽奖的兴趣，增加游戏的趣味性。我实现的这个滚动转盘的思路是较简单，在游戏开始的时候就通过Math.random()产生一个随机值，设定不同倍数的概率范围，判断这个值所在的倍数范围，最后在转盘转动结束后进行显示，而对于转盘转动的动画就是在一个范围中循环滚动，到达设定的转动时间就停止。实现代码 const {ccclas...

1 条评论您还未登录，请先登录后发表或查看评论

转盘抽奖 cocos creator

11-07

转盘抽奖 cocos creator详情描述： https://www.jianshu.com/p/ff5d8e512d8f

【cocos creator】转盘

Super_Cola的博客

02-20

1159

【CocosCreator 3.x】实现物体按指定轨迹移动

最新发布

Truman_Chan的博客

10-03

800

物体按指定轨道运动的话，轨道用多边形表示。物体沿着多边形上的边移动，顺序地从一个点移动到下一个点。将曲线运动简化成直线运动。物体运动的距离用t表示，线段用向量表示。比如点a00和点b2−1连成的线段用向量b−a2−1表示。算出多边形每一线段的长度，依次遍历并累减，得出t当前在哪一条线段上，并得出t在累减遍历过的线段长度后，剩余的长度s。将长度s除以当前线段长度得出线段向量的缩放比例。乘以线段向量b−a，得出当前点相对该线段起始点2−1的偏移量。

Cocos Creator（JavaScript）转盘抽奖

qq_14965517的博客

01-10

760

Cocos crearor（JavaScript）转盘抽奖

CocosCreator3.x实现游戏跑马灯全服游戏通知功能

02-18

在CocosCreator3.x中，实现游戏跑马灯全服游戏通知功能是一项重要的用户体验设计，它可以帮助游戏开发者向玩家实时推送重要信息，如活动更新、系统公告等。下面将详细介绍如何利用CocosCreator3.x来实现这一功能。 ...

Cocos实现轮盘抽奖效果

12-30

本教程将详细介绍如何使用Cocos2d-x或Cocos Creator来实现轮盘抽奖效果。一、Cocos2d-x 实现轮盘抽奖 1. **创建项目**：首先，你需要使用Cocos2d-x创建一个新的项目。在项目中，导入所需的资源，如背景图片、指针...

大转盘（CocosCreator）

爱上游戏开发

03-18

3644

99%的人不知道Cocos Creator也能做出抽奖大转盘！

Cocos的博客

04-10

220

如图。Creator只能做游戏？Naive！话说国家法定假日那么多，难免遇见神马清明、端午、双十一、国庆、圣诞什么的，营销推广活动页面肯定是少不了的。每逢假日就有活动，每逢活动就要抽奖，亘古不变的定律啊。别说转不到奖，咱们自己做一个出来怎么样？不要说做不到。能力由你不由天。去用Creator！人生没有那么多时间给你找插件。设计出了就搞，产品拍桌子了就干（第四声）！CSS3又有什么用？移动端各种浏...

cocos2dx 圆盘抽奖_cocoscreator之微信小游戏的抽奖转盘

weixin_32899267的博客

01-13

330

许多小游戏里面都有涉及到抽奖环节，所以就可能会用到抽奖转盘的制作，今天分享一个自己左转盘的小小过程。1、准备材料过程不多说，拼完界面之后大概是这样的：2、给界面绑定脚本，在脚本的properties里面绑定转盘节点，不多说：3、一般的，抽奖其实都是前面先假装转几圈，之后转向抽奖的结果就可以。我们先设定好各种所需要的变量：onLoad () {//奖品份数this.awardNum = 8;//转动...

转盘demo_CocosJS Game

10-20

基于 cocos2d-js 游戏转盘demo 使用触摸事件个计时器来实现

cocos2d-x游戏-转盘抽奖

08-26

cocos2d-x游戏-转盘抽奖，包含加速启动，降速停止，最重要的是根据后台想挺哪就停哪

微信H5大转盘抽奖小程序

09-07

非常棒的H5微信大转盘抽奖小程序，Html5实现的微信大转盘抽奖活动,浏览器直接打开，即可看见效果，简单方便。

[CocosCreator]扑克翻牌效果

11-01

CocosCreator扑克翻牌效果,利用mask组件特性. http://blog.csdn.net/pppxxx1983/article/details/78411157

用cocoscreator做一个幸运转盘

Ctrls_的博客

12-16

2315

先看一下做出来的效果图 1.首先需要做一个小球围绕中心点做一个圆周运动如图通过公式可以得出x和y的值，然后通过下面的方法实现小球的圆周运动 onLoad() { this.zhuanpan.speed = 0.5; //转盘旋转速度 this.ball.speed = 2.5; //小球速度 this.circleCenter = ne...

cocosCreator实现两种效果转盘抽奖

星期一的博客

04-12

717

cocosCreator实现两种效果转盘抽奖

COCOS抽奖转盘实现

K.Silver的博客

08-08

1430

头文件中：class LuckyDraw :public Layer { public: bool init(); void initLayer(); CREATE_FUNC(LuckyDraw); private: EventListenerTouchOneByOne* m_listener; void c_zhizhen(Ref* pSender);

Cocos Creator转盘抽奖

dddd

07-19

1688

抽奖效果在抽奖按钮按下的时候，就确定了抽中的奖品信息，转盘的旋转只是一个过场动画。这样做有几个好处： 1、抽奖结果可控 2、防止在抽奖过程中断网，而中奖结果还未确定。搭建素材节点层级控制脚本 const { ccclass, property } = cc._decorator; @ccclass export default class Choujiang extends cc.Component { @property(cc.Integer) num: number