SlowFeather's blog

微信小游戏有多种广告类型，以下记录Banner广告和全屏激励广告的工具。

CocosCreator项目中总会遇到一些问题，有时候就需要一个比较好用的Log工具来记录，遇到问题时把这些Log发到服务器或者复制到哪里，可以比较方便的分析问题。

CocosCreator 2.x Spine动画播放及监听前言方法设置动画融合播放动画动画信息基础事件监听自定义帧事件监听源码前言遇到一个涉及在CocosCreator2.4中播放spine动画的问题。方法设置动画融合设置动画融合，两动画融合期间不能监听动画结束//设置动画融合，两动画融合期间不能监听动画结束this.heroSpine.setMix("idle", "run", 0.2);播放动画//播放动画this.heroSpine.setAnimation(0,"run",fa

TypeScript 自定义数组排序前言代码基本原理基本类型排序复杂类型排序输出前言对列表进行排序（根据自定义规则）。代码基本原理.sort使用属性相减（a-b）获取一个基本类型（-1，0，1），如果小于0则将元素放到前面，如果大于0则放到后面，如果等于0则随缘（不同浏览器会有不同解析方式）。.sort()采用返回数字的函数，而不是布尔值。如果第一项较小，则需要返回负值; 如果它更大，则为正;如果相等，则为零。—— 出处：https://cloud.tencent.com/develope

CocosCreator 左右滑动判断前言代码前言有一个左右滑动屏幕，切换页面得需求，随手记录一下代码const { ccclass, property} = cc._decorator;@ccclassexport default class TestPanel extends cc.Component { /** * 鼠标按下位置 * * @private * @type {cc.Vec2} * @memberof

CocosCreator2.4 物体跟随鼠标或触摸点前言效果注意事项源码前言项目需求鼠标点击要有效果，移动要跟随，但是看了文档发现坐标系转换会有问题，于是记录下。效果注意事项使用cc.sys.platform来判断平台，保证PC和手机效果一致。不同平台也要监听不同的事件，PC平台的事件类型是cc.Event.EventMouse手机平台是cc.Event.EventTouch。源码将需要跟随的Node拖放到FollowItem上const {ccclass, property} = c

CocosCreator2.4 使用Graphics绘制连续心电图效果前言源码前言源码const { ccclass, property} = cc._decorator;export class heartNode { position: cc.Vec2; heartBeat: heartBeat; constructor(pos: cc.Vec2) { this.position = pos; }}@ccclass

CocosCreator HSL HSV RGB 颜色空间转换工具前言颜色HSLHSVRGB源码参考前言遇到一个使用HSV颜色空间的问题，但是CocosCreator只支持RGB颜色空间，于是根据ls9512大佬的【C# / Algorithm】RGB、HSV、HSL颜色模型的互相转换一文把C#颜色空间转换代码改为了TypeScript代码，就可以在CocosCreator中开心进行颜色转化了。颜色HSLHSL即色相、饱和度、亮度（英语：Hue, Saturation, Lightness）。

Cocos Creator Lerp线性插值前言数学公式源码使用前言用惯了Unity中的Mathf.Lerp到了Cocos却没找到相应的方法，问了数学比较好的盆友发现是一个很简单的公式。数学公式基于浮点数t返回a到b之间的插值，t限制在0～1之间。当t = 0返回a，当t = 1返回b。当t = 0.5返回a和b的平均值。x=a+(b−a)∗tx=a+(b-a)*tx=a+(b−a)∗t源码 public Lerp(a,b,t){ return a+(b-a)*t;

Python 批量修改CocosCreator打包文件为全屏前言源码前言使用CocosCreator打包了好多项目，但是一个一个改为全屏显示太慢，干脆自动化修改了。源码import os# 所有打包后的文件路径changeparent_filepath=r"C:\Users\Administrator\Desktop\all"def bianliwaiceng(waicengPath): filepaths=[] dirs=os.listdir(waicengPath)

CocosCreator2.4 Shader学习模板面板源码模板路径不同版本就进入不同版本的路径D:\CocosDashboard_1.0.9\resources.editors\Creator\2.4.6\resources\engine\cocos2d\renderer\build\chunks在input-standard.inc中想要拿到什么参数可以从这里复制面板源码// Copyright (c) 2017-2018 Xiamen Yaji Software Co., Lt

CocosCreator 适配IE改ES5方法前言TypeScript 项目设置Array类型修改Map类型修改前言客户要我们做的CocosCreator项目支持IE11打开，v2.4之前的版本就直接放弃了，因为没有使用某个插件，导致TypeScript代码无法无伤转化为ES5的语法，v2.4之后就可以(文中使用v2.4.6)，但是某些地方需要略作更改，在此记录。TypeScript 项目设置CocosCreator上方菜单栏点击开发者-->VS Code工作流-->添加TypeScri

CocosCreator 调用父页面window方法前言设置方法添加TypeScript项目配置定义方法在Window中引入方法前言通常网页上的cocoscreator游戏都是嵌入在一个iframe标签中的，当需要调用父页面的方法获取Token时，就需要在项目设置中注册对应方法。设置方法添加TypeScript项目配置在CocosCreator编辑器上方选择 开发者->VSCode工作流->添加TypeScript项目配置定义方法在Window中引入方法打开node设置在dom

CocosCreator Graphics实现心电图效果前言效果源码参数设置前言遇到一个要实时显示心电图的项目，用Graphics会比较方便，记录下来。效果源码实际使用把#region删掉。心电图宽度高度由挂载组件的Node决定。线的粗细颜色在Graphics组件内调节。需要自己将值映射到0-100的区间内再调用addPoint(YourNumber)const {ccclass, property} = cc._decorator;/** * 心电图 * 需要自己将值映射到

CocosCreator 自定义Log前言源码前言无论是cc.log还是console.log都会在桌面端打出log，所以需要一个自定义的Log。源码/** * 日志等级枚举 */ export enum LogLv { DEBUG = 0, INFO, WARN, ERROR}export class LogInfo {}export default class Logger { private static MAX_LEN: numbe

JS/TS发送Get/Post请求的方法前言使用XMLHttpRequest代码Get请求Post请求并设置请求头Post请求发送JsonCocosCreator HTTPUtil前言使用CocosCreator制作前端小游戏，最后需要把数据以Json形式上传服务器。使用XMLHttpRequest主要分三步：第一步：创建需要的对象，这里主要用到的是XMLHttpRequest，注意需要考虑早期的IE第二步：连接和发送第三步：接收代码Get请求var httpRequest = ne

CocosCreator 创建贝塞尔雷达图前言制作效果代码前言需求要求实时显示脑波变化数据，并且以一种高科技效果展示，甲方觉得普通折线雷达图不够好看，于是改为贝塞尔雷达图。制作效果代码直接与Graphics组件挂载在一个空物体上即可。代码最下面的注释是用来显示贝塞尔曲线手柄的。const {ccclass, property} = cc._decorator;@ccclassexport default class RadarChart extends cc.Component {

CocosCreator 发布为网页全屏前言未修改修改方法前言做的一个小东西需要套在别人写好的Web中，那肯定是用iframe所以Cocos打出的包也要是全屏可缩放的才能完美兼容。未修改网页版周围有白边修改方法从打出的包中找到index.html，并打开将上图 框选内容（也就是GameDiv中的内容） 替换成<div id="GameDiv" style="width:100%; height: 100%;"> <canvas id="GameCanvas" w

CocosCreator downlevelIteration 允许迭代器进行迭代前言解决方案前言将以前版本的TS移植到新版本时报了个错误。解决方案ctrl+shift+p调出搜索栏，输入typescript config在compilerOptions中添加"downlevelIteration": true,即可...

TypeScript 适配器设计模式代码代码const {ccclass, property} = cc._decorator;@ccclassexport default class NewClass extends cc.Component { start () { let sp1=new Speaker() console.log(sp1.Speak()); let adapter=new Adapter(sp1)

TypeScript 装饰器设计模式代码代码const {ccclass, property} = cc._decorator;@ccclassexport default class NewClass extends cc.Component { start () { let one:Robot=new FirstRobot(); // one.sayHello(); let two:Robot=new SecondRobot(one);

TypeScript 工厂及抽象工厂设计模式代码代码const {ccclass, property} = cc._decorator;@ccclassexport default class FactoryPattern extends cc.Component { start () { let fact=new HuaWeiFactory(); fact.CreatePhone().SayHello(); }}interface Phone

TypeScript TypeScript 简单工厂设计模式代码代码const {ccclass, property} = cc._decorator;@ccclassexport default class SimpleFactory extends cc.Component { start(){ let factoryA=this.CreateProduct("A") factoryA.Print(); } public CreateP

TypeScript 单例设计模式代码调用代码const {ccclass, property} = cc._decorator;@ccclassexport default class SingletonPattern{ private static singleton:SingletonPattern=null; private SingletonPattern(){} public static Instance():SingletonPattern{

龙骨换装简介简单切换插槽图片代码简介这里实现简单的插槽切换图片功能，后续会增加动态加载添加插槽图片等等简单切换插槽图片插槽内有多张图片时使用此方法切换图片代码//拿到动画脚本this.animation = this.mecha.getComponent(dragonBones.ArmatureDisplay);//拿到当前动画的armaturethis.armature = this.animation.armature();//切换名字为hair1插槽下面的图片this.armat

CocosCreator 获取与某个Node的世界坐标简介代码简介为了拿到Node的世界坐标代码 /** * 拿到世界作坐标 * * @static * @param {cc.Node} node * @returns {cc.Vec2} * @memberof TransformUtil */ public GetWorldPostation2(node: cc.Node): cc.Vec2 { i

简介在龙骨中的Armature上绑定了一些帧事件，但是在CocosCreator中监听不到，看了官方的案例才明白是要用addEventListener监听Armature上的事件。龙骨部分这里是给龙骨添加帧事件给fall动画添加shooting事件CocosCreator 添加监听代码//拿到动画组件this.animation = this.node.getComponentInChildren(dragonBones.ArmatureDisplay);//循环播放某个动画this.a

CocosCreator 微信小游戏 本地存储脚本简介注意事项代码简介为了在微信小游戏中为了保存一些游戏进度，并且兼容cocos内置的存储功能。注意事项wx.setStorage只有在微信环境下才可使用cc.sys.localStorage.setItem是cocos内置的本地存储方案代码 /** * 存储数据 * * @static * @param {string} key * @param {*} data * @membero