菜单制作-cocos游戏开发入门

当前位置:　首页>> 技术小册>> cocos游戏开发入门

对于大多数游戏来说，UI 都是比较重要的部分，通过 UI 的提示，可以让玩家知道某些游戏内的信息，让玩家选择不同的游戏策略。

2D 游戏类型下，我们本身有一个名为 Canvas 的节点的，但是这个节点我们将只会拿它来作为角色、地图和游戏逻辑的父节点。因为 Cavans 的相机会移动，如果依然使用 Canvas 的相机，会导致 UI 无法渲染，所以我们必须创建一个新的 Canvas 来作为 UI 的容器。

在 层级管理器 中点击右键选择创建一个新的 Canvas 并将其命名为 UICanvas：

![](/uploads/images/20230710/97b1a0a4ce81d6d10896c78388ceb125.png)

![](/uploads/images/20230710/27a78052ae1af98266d1255d4e9cf86f.png)

在 UICanvas 上点击右键并创建一个空的节点命名为 'StartMenu'，并在 StartMenu 节点下创建一个按钮将其子节点 Label 的 String 属性修改为 Play。

![](/uploads/images/20230710/8e7fde0410f548fe8a0bc9f6deac44a4.png)

之后可以添加一个背景框和一些文本提示用于提示用户游戏的操作是怎么样的：

选中 StartMenu 点击右键创建一个 Sprite，将其名字修改为 Bg，从 资源管理器 的 internal 目录内，找到 default_panel 资源并赋予给 Bg 的 Sprite Frame 属性，调整 Type 为 SLICED，并调整好 Bg 的 UITransform 内的 Content Size 属性：

![](/uploads/images/20230710/02a4ba167a4827d3246bacca28a6c8df.gif)

在 StartMenu 下方创建一个名为 Title 的 Label，并修改其属性如下所示：

![](/uploads/images/20230710/9a01e7cfd659010cb6307cb0131edf42.png)

继续创建一些 Label 用于描述游戏的玩法：

![](/uploads/images/20230710/41f47254dc12ad38c4b816c588482cf7.png)

同理添加一个 Label 用于代表角色走了几步，注意 Step 这个 Label 不要作为 StartMenu 的子节点：

![](/uploads/images/20230710/2b5f4d4e7f386b7c1001d0c72156a070.png)

接下来我们就可以完善整个游戏逻辑。

该分类下的相关小册推荐：

暂无相关推荐.