cocos 随机变色的拖尾

原文链接: cocos 随机变色的拖尾

上一篇: cocos 扇形进度条

下一篇: css resize属性将div变成可以拖动修改大小配合object-fit实现图片大小适应的效果

https://gameinstitute.qq.com/community/detail/124886

效果

实现

在拖拽的过程中修改拖尾的颜色

拖尾可以使用单独的节点来, 展示的节点一般是sprite的话也不能加拖尾效果, 移动最外层就能出发拖尾了

代码上也只是简单的设置了下颜色, 配合粒子和贴图应该能更好一点

const { ccclass, property } = cc._decorator;
const randomInt = (min = 0, max = 10) => {return (Math.random() * (max - min) + min) | 0;
};
const randomColor = () => {return new cc.Color(randomInt(0, 255), randomInt(0, 255), randomInt(0, 255));
};
@ccclass
export default class NewClass extends cc.Component {@property(cc.Node)tail: cc.Node = null;onLoad() {const ms = this.tail.getComponent(cc.MotionStreak);let planeNode = this.node;let mouseDown = false;const root = cc.director.getScene().getChildByName("Canvas");planeNode.on(cc.Node.EventType.MOUSE_DOWN, (event) => {mouseDown = true;});root.on(cc.Node.EventType.MOUSE_MOVE, (event) => {if (!mouseDown) return;ms.color = randomColor();let location = event.getLocation();planeNode.position = planeNode.parent.convertToNodeSpaceAR(location);});//当鼠标抬起的时候恢复状态root.on(cc.Node.EventType.MOUSE_UP, (event) => {mouseDown = false;});}
}

cocos 随机变色的拖尾相关推荐

Cocos Creator 的实现拖尾效果
在游戏中,有时会需要在某个游戏对象上加上移动后的轨迹若隐若现的效果.使得游戏的效果较好,比如游戏大招,刀光,法术,流星划痕之类. Cocos Creator提供了一种内置的拖尾渐隐效果的实现方法:组件 ...
cocos：MotionStreak拖尾渐隐效果
目录前言小例创建和传参推送结语前言本文简介cocos的MotionStreak组件,该组件非常方便的实现了一个拖尾效果,配合粒子能够实现非常好看的效果,本文则从使用上介绍一下,以后有机会 ...
时间序列的截尾和拖尾_R语言：时间序列(一)
01 解决什么问题在社会活动中经常可见按照时间顺序记录下来的随机事件观察值,例如每年死亡人数序列,每年糖尿病发病人数序列,医院门诊每日诊治病例数序列.这类数据的特性是相邻时间点的观察值之间具有明显的 ...
HTML5 canvas 拖尾效果（或尾巴或方向标或留痕。。。）
[canvas]带拖尾效果的旋转扩散使用 HTML5 canvas 制作一个圆形的拖尾,以及附加上拖尾的扩散效果我说说的拖尾,就是拖着一个尾巴,其他简短的名词暂时想不到了.下图效果弄出来,着实费劲 ...
使用css和js实现鼠标拖尾特效
一实现步骤解析: 1.这原本是一个鼠标后面跟随一串英文字母的效果, 2.后来我就想,运用随机数字母的颜色做成彩色的, 3.并且每一个字母的色彩是随机分配而不是我自己手动填写的. 二 css: 1.为 ...
JS-鼠标彩色拖尾小效果
实现步骤解析: * 这原本就是一个鼠标后面跟随一串小方块的效果, * 后来我就想,运用之前学的随机数的案例把小方块的颜色做成彩色的, * 并且每一个小方块的色彩是随机分配而不是我自己手 ...
纯js实现鼠标拖尾效果（好玩又简单，一学就会）
js特效-鼠标滑动的拖尾效果 <script>//鼠标移动事件(document范围内移动)document.onmousemove=function(event){//1.创建divva ...
【OpenGL编程】拖尾、刀光、剑光、尾焰效果的开发
重要为了方便大家共同交流学习,我对项目进行了升级,建议大家去我的GitHub去查看,本文章的算法部分还是可以借鉴的.改动具体如下. 1.添加详细类注释,概括类的功能. 2.修改了部分变量名称. 3. ...
时间序列+截尾和拖尾
时间序列+截尾和拖尾怎么看图可以认为拖尾? 怎么看图可以认为1阶截尾? 什么算拖尾?什么又算截尾? 怎么看图发现周期为多少期? ACF第0期,代表与自身的相关性,所以恒为1. AR: MA:

cocos 随机变色的拖尾

cocos 随机变色的拖尾相关推荐

最新文章

热门文章