Godot游戏开发之如何将图片铺满整个背景

发表于 |

需求

当前素材库中只有一张小草地图片, 如下:

GrassBackground

如何将其铺满整个背景, 得到如下效果:

image-20220930152341903

我们可能第一时间会想到使用Tilemap, 不过手动绘制相对来说有些费时间, 在Godot中我们有更好的方法可以实现

实现方式一

使用Sprite+图片repeat的方式实现

  1. 首先创建一个Sprite节点

  2. 将草地图片添加至该节点的Texture属性上

    image-20220930153243013

  3. 启用Region属性

    image-20220930153318292

  4. 在纹理区域框选需要进行repeat的区域

    image-20220930153401635

  5. 选中草地文件 然后在导入面板开启重复功能, 最后点击重新导入

    image-20220930153526042

  6. 此时我们在纹理区域拉伸选框, 则可以对草地小图片进行重复并铺满整个背景

    image-20220930153638246

实现方式二

使用TextureRect+Tile实现

  1. 创建TextureRect节点

  2. 将图片拖拽至该节点的Texture属性上

    image-20220930154030277

  3. Stretch Mode属性选择Tile

    image-20220930154057353

  4. 此时拉伸图片则自动重复

    image-20220930154121259

本文为作者原创转载时请注明出处 谢谢

乱码三千 – 点滴积累 ,欢迎来到乱码三千技术博客站

0%