老规矩，先上效果图

这节内容很简单，就是屏幕的滑动效果

UI布局制作新建场景MainCityMainCity场景的Canvas节点上挂MainCity.js脚本把名称为McZhuchengPanel的perfab拖到MainCity脚本的MainCity的perfab变量上

至此UI布局部分完成

McZhuchengPanel perfab制作找一张1440*1280的大图新增sprite节点，节点命名为Pan_mc，把上面的大图拖到该节点变量上layer节点挂载MainCityUI.js脚本，把Pan_mc节点拖到脚本的mainnode节点的变量上

至此McZhuchengPanel的perfab制作完成

码农最爱的部分

该部分有两片代码

MainCity.js

这个脚本很简单，只需要在start函数中编写代码就可以了

start函数逻辑

实例化一个perfab取出该perfab的MainCityUI脚本组件调用该脚本组件的InitMainCity方法MainCityUI.js

这个脚本就一个InitMainCity的函数

InitMainCity函数的逻辑

把本节点的父亲节点设置成MainCity场景的Canvas节点设置本节点的初始坐标，因为锚点不同所以要重新设置坐标注册一个Touch_Move函数，当在屏幕上左右滑动的时候可以修改mainnode的节点坐标加两个if条件判断，为的是不划出屏幕，做边界检查

至此代码部分完成

结语

本小节是一个很简单的用Touch_Move实现屏幕滑动的效果

这是我们的主城，后续还会再加入功能建筑以及建筑逻辑

有什么问题可以在评论区交流

谢谢