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

场景背景

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

网格背景

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

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

背景网格格子

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

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

网格背景自动布局

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