【手把手带你Godot游戏开发】FlappyBird:4.3无限地面之文艺青年(shader)版

本章节效果图

在这里插入图片描述

原理

这种方法是通过Shader的UV动画实现的

步骤

1. 重新导入素材

Godot默认的图片导入模式是非重复的,由于我们要移动UV,因此要把"back.png"设为Repeat然后将它重新导入一下
在这里插入图片描述

2.写Shader

新建一个叫“Shaders”的文件夹,专门存放着色器代码
在这里插入图片描述

创建Shader文件
在这里插入图片描述

在这里插入图片描述
命名为“2d_uv_scroll.shader”
在这里插入图片描述

在这里插入图片描述

“2d_uv_scroll.shader” 的代码

shader_type canvas_item;
render_mode unshaded;
uniform float speed : hint_range(0.00,1.00) = 0.0;
void vertex(){
	UV.x += speed*TIME;
}
3. 新建材质

为”Floor“新建材质,来覆盖默认材质
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

把"2d_uv_scroll.shader"赋给Floor的材质
在这里插入图片描述
把数值调整到合适大小
在这里插入图片描述

于是就得到了效果图的样子
在这里插入图片描述

小结

Shader版是个人最推荐的版本

  1. 它实现了装饰性效果和游戏逻辑的解耦合
  2. 不需要复制多余的“Floor”节点
  3. “2d_uv_scroll.shader”可以重复利用,简单地调整一下数值就可以方便地多重滚动的效果
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页