水波荡漾效果+渲染顺序+简单UI绘制

devtools/2024/9/29 16:16:55/
创建场景及布置

创建新场景Main,在Main场景中创建一个plane物体,命名为WaterWavePla,具体数值及层级面板排布如下:

编写脚本

创建一个文件夹,用于存放脚本,命名Scripts,创建一个子文件夹Effect,存放特效相关脚本,创建脚本,命名Ef_WaterWave。

脚本代码如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;public class Ef_WaterWave : MonoBehaviour {public Texture[] textures;private Material material;private int index = 0;void Start () {material = GetComponent<MeshRenderer>().material;InvokeRepeating("ChangeTexture", 0, 0.1f);}void ChangeTexture () {material.mainTexture = textures[index];index = (index + 1) % textures.Length;}
}

将脚本挂载到WaterWavePla物体上,拖拽水波纹的图片组到Texture[]数组中,如下图所示:

运行游戏,实现效果如下:

 渲染顺序

新建一个Canvas物体,命名Order90Canvas,将其Canvas组件中的Order in Layer数值改为90。

UI绘制

创建空物体ButtonPanel(在UGUI中,空物体作为其他UI组件的父物体时,其锚点锁定应与其父物体大小一致),添加两个子物体(UI->Image),添加Button组件,设置默认图及点击时更换的图片,在Order90Canvas下创建子物体,命名CountdownPanelImg,创建Text子物体,命名Timer,相关数据如下:

复制Timer,重命名RewardButton,文本内容“奖金”,添加Button组件,默认取消勾选。

层级面板排布如下,运行游戏,测试几个按钮的可用性:

本栏目为网络课程学习笔记,仅供学习参考使用。 


http://www.ppmy.cn/devtools/118761.html

相关文章

python学习记录4

目录 (1)位运算 (2)运算的优先级 (1)位运算 位运算是将数字看做二进制数来运算的&#xff0c;位运算分为按位与&#xff08;&&#xff09;、按位或&#xff08;|&#xff09;、按位异或&#xff08;^&#xff09;、按位取反(~)。还有移位运算&#xff08;左移位<<、…

【分布式微服务云原生】K8s(Kubernetes)基本概念和使用方法

Kubernetes简称K8S,是一个强大的开源容器编排平台&#xff0c;用于自动化部署、扩展和管理容器化应用程序。它最初由Google设计&#xff0c;并由Cloud Native Computing Foundation&#xff08;CNCF&#xff09;维护。以下是Kubernetes的一些基本概念和使用方法。 基本概念 集…

【折腾笔记】雷池WAF社区版自动SSL续签

前言 由于雷池WAF社区版本的证书不支持通配符域名申请&#xff0c;所以我们使用ACME进行域名申请并实现自动续期。下面我将用Debian 12 的系统进行演示安装ACME客户端和以及使用它完自动续期。 简介 ACME是"Automatic Certificate Management Environment"&#x…

uniapp app 端通过webview引入外部 js , webview 与 app 通信

背景 用户登录需要接入腾讯的无感验证&#xff0c;在 index.html 文件里引入 js 文件是不生效的。查看官网相关内容&#xff0c;app 引入只支持 webview 的形式&#xff0c;因为他的 js 文件里面会用到浏览器里的变量&#xff0c;因此就算下载到本地引入也无法使用。 当前项目…

bash使用注意事项

注意事项 在 Bash 脚本中&#xff0c;变量的取值、赋值和定义有一些注意事项&#xff0c;下面列出了一些关键点&#xff1a; 1. 变量赋值 没有空格&#xff1a;在赋值时&#xff0c;等号 前后不能有空格。例如&#xff1a; my_varvalue # 正确 my_var value # 错误字符限…

Elasticsearch实战应用:构建高效搜索引擎

在大数据时代&#xff0c;如何高效存储和检索海量信息成为了一个重要课题。Elasticsearch作为一个开源的分布式搜索引擎&#xff0c;以其强大的搜索能力和灵活的扩展性&#xff0c;成为了许多企业和开发者的首选。本文将深入探讨Elasticsearch的实战应用&#xff0c;包括基本概…

前端框架对比与选择:React、Vue、Angular 与 Svelte 的全方位分析

前言 随着前端技术的快速发展&#xff0c;前端框架的选择变得尤为重要。无论是构建小型应用&#xff0c;还是规划大型企业级项目&#xff0c;选择合适的前端框架能够极大地提升开发效率、维护性和可扩展性。本文将详细对比目前主流的四个前端框架&#xff1a;React、Vue.js、A…

python爬虫bs4库的用法

导入 导入bs4之前先装两个库&#xff0c;bs4和lxml pip install beautifulsoup4 pip install lxml lxml安装后可以显著提高执行速度。 导入bs4 from bs4 import BeautifulSoup解析字符串 BeautifulSoup()方法用于解析字符串&#xff0c;将字符串解析为soup对象&#xff0c;so…