- 博客(21)
- 收藏
- 关注
RSS订阅原创 CocosCreator之Spine系列（一）：spine动画回调
spine动画的回调，在creator的文档里有明确标识：1、setCompleteListener 用来设置动画播放一次循环结束后的事件监听。写法如下：/** * spine动画入口方法(炸弹、时间到、火龙果、西瓜) * @param spine_index 动画索引 1、炸弹 2、时间到 3、火龙果 4、西瓜 * @param spine_name 需要运行的动画名称 * @param useLoop 是否循环播放 * @param callback 回调方法 */spineCont
2021-08-23 16:26:55
3116
原创 如何在圆形内生成随机点
项目内有个需求，是金币动画，也就是生成金币之后，随机位置，然后飞向目标点，原先用的随机生成位置是矩形的，后改为圆形如下：//先声明半径（当然可以传入）private _radius: number = 150;//随机半径(-150~150)let dis_x: number = Math.floor(Math.random() * (this._radius * 2)) - this._radius;//通过dis_x来计算dis_y(原理为：勾股定理，横轴长度² + 纵轴长度² = 半径²)
2021-07-15 11:24:43
993
1
原创 字节小游戏上线总结（1）
前端时间，公司要求上线字节平台，鉴于其过程，总结如下：1、所有宿主app都要求可以以游客身份玩游戏，即在不授权的情况下可以进行游戏；tip：在头条未登录的情况下，游戏内部调用tt.login()，会直接拉起头条的登陆界面，审核不会通过；2、游戏必须有录屏功能，没有此功能，审核不会通过；tip：一般建议自动录屏，这样就不需要多余的按钮来显示状态或者操作；3、api的不同：1、子域（开放数据域）字节的子域没有互动型数据，不具有定向分享功能，不能赠送好友道具，不能加好友等；2、转发字节的分享、转
2021-07-02 10:49:03
1207
2
原创 Js如何识别后台返回的↵（回车符号属于特殊符号，就是word文档里换行的那个样子）
以下内容，目前仅适用于creator小游戏；做项目的时候，遇到了字符串换行的需求，第一反应是用\n，但是这样需要前端处理（前端字符串直接用\n是没问题的），后台无法控制，遂让后台返回，返回之后直接赋值，发现文本无法识别\n。重点来了，如果将数据库的 “\n” 用 “Shift+回车（该操作会形成一个数据库不可见的换行，在前端打印显示为↵）” 换行之后，前端就可以换行了。虽然可以换行了，但是前端无法识别“↵”，这样对于字符串的操作就很麻烦。“↵” 无法用indexOf来找到，但是可以用split("\
2021-05-27 16:17:51
1330
1
原创 CocosCreator PhysicsBoxCollider组件（物理盒子）设置size无效的处理
一般的，设置物理盒子的size代码如下：this.node_rect.getComponent(cc.PhysicsBoxCollider).size.height = 100;但是运行的时候，会发现这段代码仿佛没有作用，打印之后发现height确实修改了，但是实际没有效果；虽然目前用的是2.4.4版本，但是我还是遇到了这个问题；解决办法如下：1、let active = this.node.active；this.node.active = false；this.node.active
2021-02-18 18:40:39
1067
2
原创 CocosCreator之节点如何做圆周运动
因为项目里有这个需求，所以之前的想法是用贝塞尔分四段来拼成圆周运动，但是这样的话，不好随着需求控制节点位置，所以放弃了这个方法，下面讲述一种简单直白的做法：主要思路：将需要圆周运动的节点的锚点修改，之后正常修改angle属性就好。第一步：放个圆第二步：给圆边上放个紧贴它的节点修改小圆的锚点，这个计算过程就不赘述了（其实就是将大圆小圆的圆心距离转换成小圆的锚点）第三步：添加控制按钮第四步：上代码 private angle_num: number = 90; //角度 priv
2020-11-20 16:48:55
2190
2
原创 switch的块级作用域
今天在敲代码的时候，因为有两种货币类型的预制体需要创建，所以用了switch来区分类型，然后case里面创建，结果出现了以下问题：在case 0里let了个param_a，赋值，之后在case 1里面复制了case1里面的代码，然后就报错了：无法在不同的case里面let同名变量，也就是不同的case其实同一个块级作用域，即switch里是同一个块级作用域。但是：在case里面不声明，用js的话，直接用变量是可以的，但是在ts里面不可以，因为js会默认将未声明的变量直接给了window对象；现象：有
2020-10-10 14:44:33
493
原创 CocosCreator微信小游戏之创建用户信息按钮
本文要点：1、微信小游戏创建用户信息按钮；2、创建的时候万能适配。一、添加参考目标创建用户信息按钮的时候，当然可以直接全屏，但是更多的时候是需要覆盖在某个节点（比如按钮）的位置上，全屏的当然是无脑整，所以我们看看覆盖在某节点的。创建场景，添加参考（下图里面的蓝色方块），添加测试按钮（方便展示效果）。二、代码部分绑定节点properties: { //用户信息按钮的参考节点 img_auth: { default: null, type: cc.Nod
2020-06-17 11:20:51
1383
原创 CocosCreator之PageView嵌套ScrollView的事件处理（二）
一、这段话可能有点长：上篇里面讲了代码如何用代码控制scrollview和pageview的滚动、滑动、点击事件，但是有这么个美中不足的地方，就是左右滑动翻页的时候，如果按住不松，只要滑动超过一定距离，就会直接翻页。但是按照pageview原本的效果，在触摸事件没有结束的时候，是不会进行翻页操作的。加上项目里有个这种的新需求，所以下边贴上实现过程，如有不足之处，请多多指教，互相学习。二、原因...
2020-03-23 17:56:50
4638
9
原创 CocosCreator之翻页容器（PageView）和滚动容器（ScrollView）的滚动滑动事件处理（一）
前言：有的时候，我们需要一个既能翻页又能上下滑动、列表里的item还可以点击的界面，这时候就会遇到能滚动列表和滑动翻页的矛盾，以下为简单的处理方法。一、在pageView里面的页面里面添加ScrollView：为了方便区分，图中白色的背景是pageView的，说粉不粉说红又不红的颜色，是翻页容器page_1的背景色，蓝色的是ScrollView的背景色，列表里面的item的背景色为白色（下边...
2020-01-19 19:41:34
9271
3
原创 CocosCreator之微信小游戏的聊天/提示气泡制作
有时候，我们会遇到一些需要气泡的地方，比如一些提示，即需要背景随着文本长度过长而换行之后进行自适应的情况。我之前是直接设置文本框的行高是可变的，即Overflow属性为RESIZE，然后根据文本长度来算文本框的高度，再对背景的高度属性进行设置，但是，之后发现获取到的长度都是上次文本的高度，所以最后还是用这种方法处理。一、将聊天气泡的背景图九宫格处理：2、给上图添加组件Layout，并设置R...
2020-01-15 13:12:52
2187
2
原创 CocosCreator之粒子动画入门：飞机尾焰
因为经常弄的是棋牌，所以不太用到粒子动画，所以也当是自己记录学习了。第一步，当然是找个简单的飞机素材，我直接找了张飞机图完事。将该图拖进项目，然后拉到Canvas下边。右击Canvas，创建粒子动画：然后就能看到多了个东西：然后我们选中该粒子动画，就能看到：像个烟花一样的东西，...
2019-12-03 18:40:09
2032
原创 js之最原始版贪吃蛇的制作
CocosCreator之最原始版贪吃蛇（一）：????的制作贪吃蛇是一个特别古老的手机游戏了，诺基亚“老年机”上自带的游戏，现在自己尝试弄一个，来捡起来丢了几个月的creator。1、创建蛇身体的单元。虽然蛇看起来一长条，但是还是一个个单元连接起来的，所以我们先创建一个蛇单元，右击canvas—>创建节点—>创建渲染节点—>Sprite（单色），改变大小为40x40（因为Can...
2019-11-26 12:09:37
1104
6
原创 creator微信小游戏抽奖转盘之跑马灯式
上一篇文章是转盘式抽奖，但是常见的抽奖还有另一种，就是光环在所有奖品上循环，最后定格在抽中的奖品上，我称之为选中轮播式（才疏学浅，实在不知道该怎么说这种方式），下边简要展示下。1、准备素材：（咳咳，发现无法上传导入文件，此步骤略过）；2、布置好UI如下图：3、代码准备：调用初始化方法（在后边的图里面有），写好抽奖按钮的方法；下边这个是重头戏，抽奖的前端展示效果的方法；这是重置按...
2019-05-17 18:23:31
699
原创 CocosCreator之微信小游戏的抽奖转盘
许多小游戏里面都有涉及到抽奖环节，所以就可能会用到抽奖转盘的制作，今天分享一个自己左转盘的小小过程。1、准备材料过程不多说，拼完界面之后大概是这样的：2、给界面绑定脚本，在脚本的properties里面绑定转盘节点，不多说：3、一般的，抽奖其实都是前面先假装转几圈，之后转向抽奖的结果就可以。我们先设定好各种所需要的变量：onLoad () { //奖品份数 th...
2019-05-13 23:48:33
1300
原创 Cocos Creator之schedule第一个时间段不执行的解决方法
1、schedule的官方文档地址。2、介绍如下：指定回调函数，调用对象等信息来添加一个新的定时器。 如果 paused 值为 true，那么直到 resume 被调用才开始计时。当时间间隔达到指定值时，设置的回调函数将会被调用。如果 interval 值为 0，那么回调函数每一帧都会被调用，但如果是这样，建议使用 scheduleUpdateForTarget 代替。如果回调函...
2019-05-06 13:58:16
2911
原创 Cocos Creator之微信小游戏的进度条（填充模式）
1、在需要的地方添加UI组件进度条（ProgressBar）：图中将进度条背景和进度条分开，便于观察理解。2、将进度条显示图的渲染模式改为Filled（填充模式），填充起始位置（Fill Start）改为0，填充总量（Fill Range）改为1（截图中为0.5，即进度条加载到50%）：3、代码控制加载进度条的填充总量：//获取到进度条图片let btn_leftPosition = cc...
2019-04-18 10:52:50
3190
3
翻译 Cocos Creator之微信小游戏的游戏圈
Cocos Creator之微信小游戏的游戏圈1、官方文档游戏圈使用指南 · 小游戏；2、需要将游戏圈放到指定地方（比如下图，坐标为x:160,y:850，因为游戏圈图标的锚点在左上角，所在层的锚点也在左上角）；3、如果是将游戏圈按钮放到某个指定按钮的位置，按钮所在层的锚点为左下角（0，0），则： 3.1、获取指定按钮的坐标：let x = this.按钮.node.x;let...
2019-04-09 11:49:07
1727
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人