cc.Graphics
画线也能加纹理了?文末附送完整代码。
在 初探精灵中的网格渲染模式 ! 中简单分析了 Sprite
组件的渲染模式 Mesh
。
这次,我们应用 Sprite
渲染模式 Mesh
和 cc.Graphics
,实现画线纹理的操作。
先看看效果如何。
先在场景创建一个 cc.Graphics
节点,并添加一个子节点 cc.Sprite
,渲染模式改为 Mesh
。
因为 Mesh
中的原点坐标是左上角,而 Graphics
画图是从中心开始画的。
所以 cc.Sprite
节点, Scale
调整为 (1,-1)
, Anchor
调整为 (0,1)
。
为了使纹理超出边界后可以重复填充,这个纹理大小得是 2
的 n
次方,并设为 Repeat
。