【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化

简介: 【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化


【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化

【只是用来玩玩的,不要太当真】

效果显示:

image.png

1. 加载界面进度100%跳转登录界面

这个功能好做,只需要将上次预留的代码补充上,打开Jindu.cs

类下面初始化两个GameObject的对象

    private GameObject loadPanel; // 加载页面
    private Canvas canvas;          // 画布
    private GameObject loginPanel;  // 登录界面

使用画布是为了只使用一次GameObject的静态方法Find进行查找画布,然后使用画布的transform.Find()方法进行性能节省

然后在Start方法里面对上面的对象赋值

        canvas = GameObject.Find("Canvas").GetComponent<Canvas>();
        loadPanel = canvas.transform.Find("load").gameObject;
        loginPanel = canvas.transform.Find("login").gameObject;

然后在Updata里面添加两行代码:

            // 这里先不写,我们回头写上跳转下一个界面的代码
            loadPanel.SetActive(false);
            loginPanel.SetActive(true);

加到我们上次的最后一个判断


2. 设置视频为背景

2.1 素材准备

首先你得有素材吧

链接:https://pan.baidu.com/s/1_fZtvrVeS11qH8326SmuWA

提取码:68iw

里面有登录的素材和视频

然后你需要把素材导入进项目


2.2 设置背景视频

  1. 创建一个RawImage
    UI->RawImage
  2. 在项目文件夹创建一个纹理
    Create->Render Texture
  3. 然后在RawImage里面添加一个组件:Video Play
  4. 在Video Play里面选择我们的视频
  5. 选择我们的贴图
    image.png
  6. 单击纹理设置纹理属性
  7. 在scene面板调整大小和位置
    image.png


3. 登录界面配置

两个按钮,两个图片,素材里面有,自己配

由于暂时不打算拿微信QQ的API来进行登录,所以我们就简单点

按钮事件都用一个代码了

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class login : MonoBehaviour
{
    private Button bto;
    private GameObject loginPanel;
    private Canvas canvas;
    // Start is called before the first frame update
    void Start()
    {
        canvas = GameObject.Find("Canvas").GetComponent<Canvas>();
        loginPanel = canvas.transform.Find("login").gameObject;
        bto = gameObject.GetComponent<Button>();
        bto.onClick.AddListener(() =>
        {
            System.Threading.Thread.Sleep(2000);
            loginPanel.SetActive(false);
        });
    }
    // Update is called once per frame
    void Update()
    {
    }
}

把按钮和图片的锚点配好就行了

结语

欢迎喜爱Python,Unity(游戏开发引擎)的爱好者,让我们一步步走向大神,成功离得不远,也就两个字,坚持罢了!!

Unity游戏引擎宣言:

你是否热爱游戏呢?

你是否曾经幻想着有一天自己做出一款属于自己的游戏呢?

不要犹豫了,赶快学习吧!


目录
相关文章
|
6天前
|
API C# 图形学
Unity3D学习笔记9——加载纹理
Unity3D学习笔记9——加载纹理
10 2
|
23天前
|
XML Android开发 UED
💥Android UI设计新风尚!掌握Material Design精髓,让你的界面颜值爆表!🎨
【7月更文挑战第28天】随着移动应用市场的发展,用户对界面设计的要求不断提高。Material Design是由Google推出的设计语言,强调真实感、统一性和创新性,通过模拟纸张和墨水的物理属性创造沉浸式体验。它注重色彩、排版、图标和布局的一致性,确保跨设备的统一视觉风格。Android Studio提供了丰富的Material Design组件库,如按钮、卡片等,易于使用且美观。
56 1
|
1月前
|
异构计算 Python
30行代码实现一个带UI界面的图片背景移除工具:并附带web网页
人工智能技术正处于蓬勃发展中,移除图片背景的方法众多,涵盖了各式各样的实现途径和模型。然而,这些方法往往在安装和配置环境方面稍显复杂。今天,介绍一种极其简便的方法——大约30行代码,就能实现这一功能。虽然相比之下可能稍显简单,但对于不太苛刻的需求来说,这种方法颇为方便实用。
|
2月前
|
存储 JSON 关系型数据库
【unity实战】制作unity数据保存和加载系统——大型游戏存储的最优解
【unity实战】制作unity数据保存和加载系统——大型游戏存储的最优解
64 2
|
2月前
|
图形学
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
【unity小技巧】实现FPS武器的瞄准放大效果(UGUI实现反向遮罩,全屏遮挡,局部镂空效果)
36 1
|
2月前
|
存储 JSON 图形学
【unity实战】制作unity数据保存和加载系统——小型游戏存储的最优解
【unity实战】制作unity数据保存和加载系统——小型游戏存储的最优解
50 0
|
2月前
|
数据可视化 大数据 API
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
【推荐100个unity插件之22】基于UGUI的功能强大的简单易用的Unity数据可视化图表插件——XCharts3.0插件的使用
45 0
|
2月前
|
定位技术 图形学 开发者
【Unity实战】切换场景加载进度和如何在后台异步加载具有庞大世界的游戏场景,实现无缝衔接(附项目源码)
【Unity实战】切换场景加载进度和如何在后台异步加载具有庞大世界的游戏场景,实现无缝衔接(附项目源码)
71 0
|
2月前
|
编解码 前端开发 Java
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
【推荐100个unity插件之12】UGUI的粒子效果(UI粒子)—— Particle Effect For UGUI (UI Particle)
106 0
|
2月前
|
开发工具 图形学
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
【推荐100个unity插件之11】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件
89 0