求助！cc.Graphics怎么实现拖尾效果？

Creator 2.x
#1

看到一篇挺有趣的帖子，合成大西瓜？一个人玩不如一起聊天放烟花（实现多人聊天放烟花）
然后进去看了JS版本的网页放烟花，想自己用graphics翻个creator放烟花组件，结果卡在了拖尾这了
原代码里canvas这段实现的拖尾效果感觉graphics实现不了，真的非得要用精灵粒子拖尾吗？FireComponent.zip (2.3 KB)
context.globalCompositeOperation = ‘destination-out’;
context.fillStyle = ‘rgba(0,0,0,’+10/100+’)’;
context.fillRect(0,0,canvas.width,canvas.height);
context.globalCompositeOperation = ‘lighter’;

代码也扔上来了，有没有大佬给点思路？

#2

另外，还有个小细节，希望大佬解答下，代码里有个isWidget: boolean，想做成在编辑器中为true时才展示widgetTarget，为false就不展示。这块没啥思路，有没大佬教下？

#3

又沉了。。。手动艾特下大佬算了
@jare @子龙山人 @异名 @白玉无冰

#4

你可以试试cc.MotionStreak

#5

谢谢，目前已经解决了。这块应该用不了motionstreak，我原本准备不能用graphics的话就改成sprite+motionstreak来写，这样需要带一个资源，本意是写一个不带资源的组件，目前已经完成了

#6

使用canvas模式?

#7

本意是想翻写大佬的代码，用canvas不如直接用大佬的还轻松些

#8

我的意思是还是用cc.Graphics, 但是creator使用canvas模式试试.

#9

能详细说下么？这块我还是新手。。。。

#10

抱歉我了解了下, 2.x已经不支持canvas模式了, 只有1.x才支持.
1.x浏览器调试时可以选择canvas模式, 打包时构建面板也有相关选项.

#11

好的吧。。。

#12

已经实现了吗？:heart_eyes:
我那个聊天demo，本意是实现聊天功能，烟花只是点缀。因为用creator实现暂时没思路:joy:

#13

实现了个，但是没法满足你的需求，拖尾这块我没找到好的方式，只能模仿他这种一层层刷黑框，这样子的话会把你聊天界面盖掉。
或许真的只能用sprite+motionstreak的方式吧
烟花组件

#14

粒子或许可以，就是要调效果

也可以试试 motionstreak+graphics

有空再玩:joy:，最近忙

#15

坐等大佬你弄个成熟版本，哈哈

#16

大佬，我昨晚上学习了下颜色混合，修改了拖尾方式，现在应该可以满足你目前的需求了
烟花组件

1赞
#17

我去，赞啊:+1:大佬
到时我加上看看~

#18

发现还是有个问题，没有解决思路。因为我还是模拟的刷黑屏的拖尾，所以如果是白底的背景，拖尾看起来就有点显黑，黑底的背景看起来跟原版差不多，原版就是直接渲染了黑色的canvas。这里或许我应该把混合的颜色开出来可调要好一些。目前将就手动改这里用
image