拼图 源码

使用Shader进行图块的边缘裁剪的格子拼图

功能介绍

• 使用Shader进行图块的边缘裁剪的格子拼图
• 原图只需要一张，不需美术裁剪
• 边缘和圆角平滑无锯齿
• 格子占位，移动后保持排布
• 正确拼接部分无接缝，完美接合

使用教程

• 启动scene场景
• 拖动图块

开发日志

核心代码effect，输入整图，可以裁切为整图的不同整数块区域，同时处理裁边，裁外角和裁内角 

 利用Block.ts文件，可以更方便的控制裁边和裁角。（外角是裁边之后自动裁的），如图勾选了左边和下边，那么得到的结果就是左边下边以及左下外圆角被裁切掉。而其中的Corner用于裁切内角。比如裁右下内角，则勾选CornerRight和CornerBottom。 

 Row,Col分别对应显示大图拆分后的第几行，第几列，从0开始。 因此，这个effect也可以单独作为大图均分成圆角小图的工具。