Cocos实战——搭建场景
今天我们就正式开始开发项目了,我们先搭建一个登陆场景吧
新建场景
我们先新建一个场景,取名login(右键资源面板->新建->scene)
场景初始默认有一个Canvas画布,下面挂着一个相机,Cocos的画布会适配屏幕分辩率,自动缩放,我们的Ui组件一般都放在这个Canvas下
初始设置
我们首先打开设置面板：
菜单栏——>项目——>项目设置——>项目预览
设置我们项目运行时，初始场景为login
屏幕分辨率设置为1334*750
别的参数不用管，后面用到再讲
设置完成后会发现我们的项目不管在哪个场景运行，都会先从login厂家开始。
我们的Canvas的Size也固定在了1334*750
如果你也一样，那我们这一步就完成了
搭建UI
新建一个Sprite
右键属性面板——>创建节点——>创建渲染节点——>Sprite(精灵)
细心的小伙伴可能发现了,有一个Sprite(单色)和一个Sprite(精灵),他俩有什么区别么
他俩都是Cocos内置的预制件
区别在于,他们的默认贴图不一样(这不是废话么,谁看不出来)
咳咳!别急嘛。区别是他们的Sprite组件SizeMode不一样
Trimmed表示会使用原始图片资源裁剪透明像素后的尺寸Raw表示会使用原始图片未经裁剪的尺寸Custom表示会使用自定义尺寸。当用户手动修改过Size属性后，Size Mode会被自动设置为Custom，除非再次指定为前两种尺寸。
这个属性我们可以直接在属性面板修改，所以两个都可以一样用的，一般美术小姐姐给我们的资源，我们就用Trimmed，这样就不会拉伸
设置Sprite
找到我们的UI文件夹,我们找到合适的资源,拖拽到刚刚生成的Sprite对象组件上
这个像素不拍龙真的可惜了
图片放上去发现好像小了一截,我们的屏幕宽是1334,但是UI只有960
那我们给图片整体放大一点,大概1.4倍就能铺满了
现在我们给背景板添加Widget组件,来卡它锚点
改变它的锚点,使它的中心点上移Anchor.Y=1
然后再依次把锚点卡好就可以了
如法炮制,我们再添加别的UI
最后效果图
我们再游戏预览里面看到的是这个样子,是不是有感觉了
大家有不明白的可以评论区留下问题,或者私信我
下一篇我们学习打图集plist
