unity使用ugui实现王者荣耀ui界面登录界面以及加载界面优化(代码片段)

布小禅 布小禅     2023-01-30     470

关键词:

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

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

效果显示:

zhans

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. 选择我们的贴图

  6. 单击纹理设置纹理属性

  7. 在scene面板调整大小和位置

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游戏引擎宣言:

你是否热爱游戏呢?

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

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

点击链接查看Python社区:Python交流社区

点击链接查看Unity社区:Unity游戏开发交流社区

【关注下方作者公号,获取更多咨询】

unity使用ugui实现王者荣耀ui界面游戏开始界面(代码片段)

文章目录【Unity使用UGUI实现王者荣耀UI界面(四)】游戏开始界面1.把一些重复的UI添加2.开始游戏按钮3.注销按钮4.完成5.打包6.打包完成内容简介章节介绍适度人群结语【Unity使用UGUI实现王者荣耀UI界面(四)】游... 查看详情

unity使用ugui实现王者荣耀ui界面加载页面(进度条)(代码片段)

文章目录【Unity使用UGUI实现王者荣耀UI界面(一)】加载页面(进度条)1.素材准备2.界面分析3.打开UnityHub创建项目4.开始搭建UI1.准备工作2.背景图片3.导入素材4.配置背景图片5.进度条显示UI搭建6.脚本编写7.演示5.... 查看详情

unity使用ugui实现王者荣耀ui界面加载页面(进度条)(代码片段)

文章目录【Unity使用UGUI实现王者荣耀UI界面(一)】加载页面(进度条)1.素材准备2.界面分析3.打开UnityHub创建项目4.开始搭建UI1.准备工作2.背景图片3.导入素材4.配置背景图片5.进度条显示UI搭建6.脚本编写7.演示5.... 查看详情

unity使用ugui实现王者荣耀ui界面加载页面-静音按钮和页面完善(代码片段)

效果展示文章目录【Unity使用UGUI实现王者荣耀UI界面(二)】加载页面-静音按钮和页面完善1.打开项目2.Toggle实现打开关闭音效的功能2.1Toggle组件演示2.2使用Toggle组件实现功能2.3编写脚本2.4挂载脚本2.5设置锚点2.6测试功能3... 查看详情

unity使用ugui实现王者荣耀ui界面加载页面-静音按钮和页面完善(代码片段)

效果展示文章目录【Unity使用UGUI实现王者荣耀UI界面(二)】加载页面-静音按钮和页面完善1.打开项目2.Toggle实现打开关闭音效的功能2.1Toggle组件演示2.2使用Toggle组件实现功能2.3编写脚本2.4挂载脚本2.5设置锚点2.6测试功能3... 查看详情

unity使用ugui实现王者荣耀ui界面游戏开始界面(代码片段)

文章目录【Unity使用UGUI实现王者荣耀UI界面(四)】游戏开始界面1.把一些重复的UI添加2.开始游戏按钮3.注销按钮4.完成5.打包6.打包完成内容简介章节介绍适度人群结语【Unity使用UGUI实现王者荣耀UI界面(四)】游... 查看详情

unity界面ugui遮挡的问题(代码片段)

解决方法:在使用Unity的UGUI时候,重叠的UI控件可能会导致某一个控件点击失败,如下图:在前面的图片挡住了后面的Button,导致后面的Button无法触发点击事件,此时只要把图片的Image组件的RaycastTarget的勾选取消即可解决遮挡的... 查看详情

王者荣耀男女性别怎么改

...,于2015年11月26日在Android、iOS平台上正式公测,游戏曾经使用名称有《英雄战迹》、《王者联盟》。《王者荣耀》的欧美版本为《传说对决》(ArenaOfValor)。参考技术A王者荣耀里面没有性别设置的好像,我印象里面是有可以改... 查看详情

unity判断是否点击了ui界面

1.判断是否点击UGUI界面:usingUnityEngine;usingSystem.Collections;usingUnityEngine.UI;usingUnityEngine.EventSystems;publicclassUiClickTest:MonoBehaviour{//UsethisforinitializationvoidStart(){}//Updateiscalledon 查看详情

unity利用ugui打包图集,动态加载sprite资源

...动态显示对应的头像。尝试利用UGUI的图集来加载,具体实现如下:1.首先,需要知道SpriteAtlas的功能,可以保存一些关于要打包进去的sprite的设置。(详细参数设置的意义有待进一步研究),其中的ObjectsForPacking可以关联到需要... 查看详情

编程小白学逻辑-实现王者荣耀轮盘中奖功能(代码片段)

功能介绍实现王者荣耀轮盘中奖功能功能功能:1、窗口2、画背景、画选框3、按键4、按任意键移动框、转弯移动5、状态控制自动移动,按键启停6、移动n次后停止,随机数,随机数转动7、改变执行速度(慢、... 查看详情

unity3d官方移动游戏优化指南9.用户界面

...网格并向GPU发出绘制调用。它的运行开销很大,因此,在使用UGUI时,请注意以下因素。划分画布如果是包含成千上万个元素的大型画布,更新单个UI元素就必须更新整个画布,这可能会造成CPU尖峰。利用UGUI的功能可以支持多个... 查看详情

王者荣耀是怎样炼成的

王者荣耀是怎样炼成的(一)《王者荣耀》用什么开发,游戏入门,unity3D介绍王者荣耀是怎样炼成的(二)《王者荣耀》unity安装及使用的小白零基础入门Unity3d引擎原理详细介绍、Unity3D引擎架构设计 查看详情

unity头发随动效果

...可以产生随动的效果。类似王者荣耀角色展示界面。准备使用Unity-chan模型来测试,下载地址:https://assetstore.unity.com/packages/3d/characters/unity-chan-model-18705 查看详情

05guiugui

...发过程中,不论是3D还是2D开发都需要大量的UI界面来配合使用,用来达到更好的效果GUI:在Unity脚本生命周期回调方法OnGUI中实现,每一帧渲染两次,在OnGUI中的GUI界面元素布局分为自动布局和自定义布局GUI自定义布局常用方法:方法调用... 查看详情

unity3d官方移动游戏优化指南9.用户界面

...GPU发出绘制调用。它的运行开销很大,因此,在使用UGUI时,请注意以下因素。划分画布如果是包含成千上万个元素的大型画布,更新单个UI元素就必须更新整个画布,这可能会造成CPU尖峰。利用UGUI的功能可以... 查看详情

unity3d官方移动游戏优化指南9.用户界面

...GPU发出绘制调用。它的运行开销很大,因此,在使用UGUI时,请注意以下因素。划分画布如果是包含成千上万个元素的大型画布,更新单个UI元素就必须更新整个画布,这可能会造成CPU尖峰。利用UGUI的功能可以... 查看详情

从王者荣耀看设计模式(虚拟代理模式)(代码片段)

...,下次调用paintIcon时,代理就委托ImageIcon进行。七.代码实现编写ImageProxy代码packagecom.practice.VirtualProxy;importjava.awt.Component;importjava.awt.Graphics;importjava.net.URL;importjavax.sw 查看详情