查看项目所有章节

删除我们上一章中创建的New label节点,添加一个新的精灵节点,并命名为bg (windows下按F12可快速重命名)

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

将我事先准备好的背景图片资源放在res文件夹下

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

从资源管理器中,将bg图片拖到下图所示的位置

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

此时在场景编辑器中发现背景图片并没有充满整个canvas,怎么办呢?

在bg的属性检查器中,点击添加组件,添加widget组件,并设置上下左右边距为0,此时bg就可以充满canvas

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

但是,发现图片有变形,怎么办呢?

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

修改Sprite的type为TILED,这样背景图片就可以采用平铺的模式了

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

效果如下:

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

此时点击箭头运行浏览

【cocos creater】3.仿《弓箭传说》- 创建游戏背景

相关文章:

  • 2021-07-21
  • 2022-02-07
  • 2021-07-24
  • 2022-12-23
  • 2021-03-30
  • 2021-04-06
  • 2022-12-23
  • 2022-03-04
猜你喜欢
  • 2021-09-16
  • 2021-04-28
  • 2021-06-19
  • 2022-12-23
  • 2021-07-17
  • 2022-12-23
  • 2021-08-17
相关资源
相似解决方案