cocos creator从零开发2048(02)-背景设置

场景背景

场景Canvas节点下新建Sprite (单色)并重命名为bg，再给bg挂载一个Widget组件，勾选Top、Right、Bottom、Left并把这些属性都设置为0，这样场景就会有一个全白的背景。

创建bg

bg挂载Widget

设计宽度是750像素，格子背景左右外边距都为10像素，所以是730x730大小。

Canvas节点下新建空节点并重命名为grid。grid节点下新建Sprite (单色)节点并重命名为bg，宽高设置为730x730，Color设置为#A69A91。

grid背景大小和颜色

网格背景是730x730大小并且是4x4布局，所以格子大小的宽高都是(730 - 50) / 4 = 170大小。

Canvas/grid/bg节点下新建Sprite (单色)节点，宽高设置为170x170，Color设置为#D4C9C1。选择刚创建的节点，按Ctrl+d键复制，总共16个。

背景网格格子大小和颜色

Canvas/grid/bg节点挂载一个Layout组件，属性配置如下，这样它下面的节点就会按照从上到下、从左到右这样的规则自动布局了。

网格背景自动布局

本作品采用《CC 协议》，转载必须注明作者和本文链接

284 声望

暂无个人描述~

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助