【讨论】Graphics 画线纹理的一种简单实现！(新增绳子纹理效果)

Creator 2.x
#4

把相邻的两个矩形的两个顶点合并成一个点就可以消除缝隙了。

#5

:laughing: 强！:grin:学到了

#6

支持一下 等待后续

#7

:smile: 最终决定在交接处画一个圆

详见:

https://mp.weixin.qq.com/s/xniwz-a_FI0snWqqPd2NOg

02-01.gif363×630 135 KB

沙雕小游戏也上线了，欢迎愉快的玩耍～

#8

新增绳子纹理效果～
https://mp.weixin.qq.com/s/QvJ2DHFhUxO3doNviCqBIg

原创文章导航

3赞
#9

马克~~~

#10

mark 我是卤煮的坚实读者

#11

mark1111111

#12

mark~~~~

#13

mark！！

#14

mark~~~~

#15

感谢大佬分享

#16

mark mark

#17

有大佬用这个画过两条线么？我怎么画完一条之后再画另一条然后回过头重新改之前画的那条结果画线的位置不一样了，效果如下图

image.png842×238 22 KB
尝试了下画线的时候重新设置this.sprite.spriteFrame[‘vertices’] = this._vertices;就不会这样，但是如果在同一帧两条线都同时绘制就还是这样的。

#18

NewProject.zip (837.8 KB)做了个简单的demo，求大佬们帮忙看看，救救可怜的孩子吧

1赞
#19

做了下实验，画几根绳子就用几张图就不会有问题了，先这样用着吧，还好图片不大

#20

已经解决了，画多根线的时候不要把图片拖到预制体里面，要新建一个spriteFrame赋值给精灵

1赞
#22

克隆一份spriteFrame就可以了吧

#23

请问，用这种方式画线会有锯齿不？

#24

改变的是sriiteFrame对象的属性，一张图片用的都是同一个sriiteFrame对象，多个sprite用的都是同一个sriiteFrame，当然是只有最后一次设置才有效，clone下