【Unity使用UGUI实现王者荣耀UI界面(四)】游戏开始界面

【Unity使用UGUI实现王者荣耀UI界面(四)】游戏开始界面

【文末送书】
在这里插入图片描述
三连评论区抽取两名粉丝

周五晚上8点揭晓抽奖结果

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

unity打包项目展示

效果展示:

本期UI素材:

链接:https://pan.baidu.com/s/1rT9PwH4DDnKQi-e2msFtMg
提取码:j8v2

1. 把一些重复的UI添加

重复的UI 有,静音按钮,王者图标,右下角的图片

所以我们可以:

  1. 将其拖到project工程面板做成预制体
  2. 新建一个空白对象
  3. 将这些东西拖进去

微调距离和大小,然后就开始做别的

2. 开始游戏按钮

新建一个Button按钮,然后选择图片,然后把按钮的text去掉

在这里插入图片描述

可以按照这个练一下,自己动动手,自己思考一下

可以参考我的:

在这里插入图片描述

至于这个按钮的点击事件,我们可以先不做,等游戏里界面做好再做场景切换的代码

3. 注销按钮

我们的注销按钮应该有一个事件来控制

功能是:

关闭当前页面

打开登录页面

代码:

using UnityEngine;
using UnityEngine.UI;

public class Zhuxiao : MonoBehaviour
{
    private GameObject loginPanel;
    private Canvas canvas;
    private GameObject StartGame;

    private Button zhuxiao;
    // Start is called before the first frame update
    void Start()
    {
        canvas = GameObject.Find("Canvas").GetComponent<Canvas>();
        loginPanel = canvas.transform.Find("login").gameObject;
        StartGame = canvas.transform.Find("GameStart").gameObject;
        zhuxiao = transform.GetComponent<Button>();
        zhuxiao.onClick.AddListener(() =>
        {
            StartGame.SetActive(false);
            loginPanel.SetActive(true);
        });
    }

    // Update is called once per frame
    void Update()
    {
        
    }
}

代码很简单,就不详细讲了

当然,因为我们没有QQ和微信的api,所以我们不能真正的使用QQ,微信登录

你可以自己用字典实现一个登录的方式

4. 完成

因为都是些按钮,图片的拼凑,我就不详细的讲了

重点需要注意的就是【锚点一定需要设置好

直接看运行效果吧(效果在文首)

当然,我并不满足于此,我想你们也并不满足,所以,我们今天将他打包成一个app的安装包,这样,你们不就可以装逼了嘛!!!

5. 打包

首先,将你的项目调整成这个样子

在这里插入图片描述

然后点击右上角的file->build settings

在这里插入图片描述

调整成android的,然后点击build,会出现一个文件资源管理器让你选择打包在哪个位置

在这里插入图片描述

你也可以自定义名字

然后点击保存,接下来就是漫长的的等待了

6. 打包完成

打包完成就可以发给你的好朋友让他们吃惊一下了~~

内 容 简 介

在这里插入图片描述

本书从Vue.js框架技术的基础概念出发,逐步深入Vue.js进阶实战,并在最后配合一个网站项目和一个后台系统开发实战案例,重点介绍了使用Vue.js+axios+ElementUI+wangEditor进行前端开发和使用组件进行Vue.js单页面网页复用,让读者不但可以系统地学习Vue.js前端开发框架的相关知识,而且还能对业务逻辑的分析思路、实际应用开发有更为深入的理解。

章节介绍

本书分为11章,包括Vue.js概述;开始Vue.js之旅;初识Vue.js;用axios与后端接口进行数据联动;浅析Router的使用;生命周期和钩子函数解析;组件的灵活使用;Vue.js下的ECharts使用;ElementUI前端框架;实战:上市集团门户网站开发;实战:基于Vue.js框架的后台管理系统开发。

适度人群

本书语言平实,用词诙谐,案例丰富,实用性强,特别适合刚入社会的职场新人、Vue.js框架的初级读者和进阶读者阅读,也适合希望从后台开发转型做前端的程序员等其他编程爱好者阅读。另外,本书也适合作为相关培训机构的教材使用。

京东自营:

https://item.jd.com/13504160.html

结语

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

Unity游戏引擎宣言:

你是否热爱游戏呢?

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

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

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

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

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

  • 44
    点赞
  • 59
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 35
    评论
Unity使用脚本实现UI界面上的图片旋转可以通过以下步骤实现: 1. 创建UI界面:首先,在Unity中创建一个UI界面,可以使用Canvas组件创建一个UI画布,并在画布上添加一个Image组件,用作展示图片的面板。 2. 创建脚本:在Unity中创建一个C#脚本,可以通过右键点击Assets面板,选择Create->C# Script来创建。将该脚本附加到Image组件上。 3. 编写旋转代码:在脚本中添加旋转代码。可以使用GameObject的transform属性来获取Image的Transform组件,然后使用该组件的Rotate函数进行旋转操作。例如,可以在Update函数中设置每帧旋转一定的角度,代码如下: ```C# using UnityEngine; using UnityEngine.UI; public class RotateImage : MonoBehaviour { public float rotationSpeed; // 设置旋转速度 void Update() { transform.Rotate(Vector3.forward * rotationSpeed * Time.deltaTime); } } ``` 4. 附加脚本:将脚本附加到Image组件上。选中Image组件,在Inspector面板中找到Scripts部分,将RotateImage脚本拖拽到该部分进行关联。 5. 设置旋转参数:在Inspector面板中,可以调整旋转速度参数,以控制图片的旋转速度。 6. 运行游戏:点击Unity编辑器顶部的播放按钮,运行游戏,在UI界面上的图片将会开始旋转。 通过以上步骤,就可以在Unity使用脚本实现UI界面上的图片旋转效果。可以根据需求调整旋转的角度、速度以及添加其他操作来实现更多的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 35
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

布小禅

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值