Unity3D-高通AR-《狼来了》-4AR场景中的UI交互
Unity3D-高通AR-《狼来了》-4AR场景中的UI交互
- 1.场景中添加按钮对象
- 1.1 添加按钮对象,设置Canvas属性
- 1.2 设置按钮对应图片
- 1.3 设置按钮的位置
- 2.播放角色动画
- 2.1 角色动画的控制器文件
- 2.2 编写按钮脚本
- 2.3 使用脚本,实现动画播放
- 3. 完成其他动作按钮
- 4. 实现退出按钮
1.场景中添加按钮对象
1.1 添加按钮对象,设置Canvas属性
场景中创建UI | Button对象,并设置Canvas属性
UI 缩放模式为:Scale With Screen Size
默认分辨率为:800*480(与Game视窗中设置分辨率保持一致)
操作界面如下:
1.2 设置按钮对应图片
1.将Button重命名为btnAttack ,并将其子物体Text删除。
2.设置按钮的对应图片,点击Set Native Size。
3.在触发方式选择Sprite Swap,并将不同状态图片对应到各个状态中
按钮图片所在的文件夹:Assets/LessonAssets/Texture/button
操作界面如下:
注意
纹理图片要设置Texture Type为Sprite(2D and UI),参见01_Start场景设计中的背景图片的设置
1.3 设置按钮的位置
在Rect Transform中,调整其Ancher位置(设置锚点为左上角),并调整其位置。
监视面板视图如下
游戏Game视图显示如下:
2.播放角色动画
2.1 角色动画的控制器文件
打开已导入素材文件夹中已设计好了的角色动画控制器文件,看看各种动画状态及各状态间的过渡,状态名对应角色的动画剪辑名。
显示如下:
注意
角色模型导入时的动画装置Rig类型要选择Generic或Humanoid, Legacy不支持控制器动画的。
操作界面如下:
2.2 编写按钮脚本
创建PlayAnimation脚本。参考代码如下:
using UnityEngine;public class PlayAnimation : MonoBehaviour
{ public Animator animator; // 动画控制器 public void Play(string animationName){animator.Play(animationName); // 播放指定命名的动画剪辑}
}
2.3 使用脚本,实现动画播放
1.创建空物体,并命名为UIManager。为其添加PlayAnimation.cs脚本,并指定对应参数。
将场景中的Wereworf_H_anims_split拖放到脚本的参变量Animator中
可以查看一下此时Wereworf_H_anims_split对象是有组件Animator的
操作界面如下:
2.层次视图中选中btnAttack按钮对象,再将UIManager拖拽到Button组件的On Click()中,并选择要触发的脚本方法:PlayAnimation.Play,并在下方参数输入框中输入对应动画的名称”Attack1”(动画名参见角色动画控制器的状态名,注意命名的带小写)
操作界面如下:
测试
- 运行02_AR场景,卡片识别后,出现AR角色,播放默认动画(站立动画,循环播放)
- 点击Attack按钮,则播放攻击动画(播放一次),播放完后无条件进入默认状态,继续播放站立动画
3. 完成其他动作按钮
按照上述制作Attack按钮的方法,分别制作Jump、Victroy、Roar按钮,并分别指定显示图片以及播放动画名称。调成其位置。
操作界面如下:
游戏视图显示如下:
各个按钮的触发事件设置都是类似的,只是动画剪辑名,也就是播放的动画控制器中的状态名不一样。
4. 实现退出按钮
1.打开PlayAnimation.cs脚本,在末尾添加以下Public方法,执行退出场景语句,代码参考如下:
public void QiutLevel(){Application.Quit(); //退出程序}
2.用类似方法创建Exit按钮,设置其参数。并指定对应图片,选择PlayAnimation.QuitLevel方法
按钮图片所在的文件夹:Assets/LessonAssets/Texture/button
操作界面如下:
建议退出按钮放在窗口的右下角
界面上的这些UI元素应该在图卡识别后出现,图卡不被识别时隐藏,这需要通过编程来实现的。接下来通过编程来实现界面UI元素的动态显示以及"狼来了"后播放一些音效。
Unity3D-高通AR-《狼来了》-4AR场景中的UI交互相关推荐
- Unity3D制作高通AR(增强现实)图片识别应用
最近在做游戏和AR,反正能做就做,这里简单介绍下高通AR图片识别的应用制作. 高通官网:https://developer.vuforia.com/ 首选下载unity3d的开发包 然后注册账号,登录 ...
- 高通AR增强现实Unity3D
高通AR增强现实Unity3D | 浏览: 780 | 更新: 2013-04-02 13:04 35 75 AR: 增强现实,台湾翻译叫做扩张实境 1.注册.然后下载sdk(注册账号主要是为了第3步 ...
- 高通AR增强现实最新教程unity3d
高通AR增强现实最新教程 之前网上很多有关于高通AR增强现实的教程,教我们unity的龙哥跟我们说这方面的时候便去搜了搜,但是很不巧的是,这玩意在前几天刚刚更新了,所以.......这应该是目前最新的 ...
- 关于unity增强现实AR之高通AR(vufoia)的研究
研究高通AR有段时间了,具体到识别去官网上注册,打包,将包导入unity3d,需要注意的是识别图片大小问题. 关于识别多物体总结一下: 首先还是一样去官网上打包,https://developer.v ...
- unity发布ios高通AR的问题
1)缺少引用,无法找到vuforiaBehavior 原因:Windows下的工程,直接考到mac下,导致unity自带插件(2017)有问题 解决:首先在playerSettings-xrSetti ...
- Unity Vuforia(高通)AR
Unity Vuforia制作AR软件 使用过高通AR.百度AR.EasyAR,还是觉得高通的使用起来更加简易.今天就记录一下怎么使用Vuforia制作一个可识别2D图片与3D物体的AR软件. 使用步 ...
- unity开发-高通Ar
今天没什么事干,就来搞下这个高通AR,用unity做一个简单的小demo,我会把原项目发给大家,顺便说下步骤,让大家看下,一起学习下. 骚年们先看下效果图吧! 最终项目是发布在手机上的,然后运行,扫描 ...
- 基于高通AR SDK的Demo总结(一)——常规3D模型的行为脚本
下载高通AR SDK以及在Unity中的基本搭建不再阐述,具体给出dzyi大神的文章以便参阅:http://blog.csdn.net/dzyi_/article/details/22892641 这 ...
- Unity 高通AR
今天测试一下高通AR,使用Unity5.6.4. 首先下载高通SDK,下载地址: https://developer.vuforia.com/downloads/sdk 下载完成后,把我们下载的uni ...
最新文章
- Squid部署文档一
- The alias LM/W3SVC/1/Root/XX already exists. Please choose a different alias
- Flutter Web 应用程序的 URL 中删除前导`#`
- codeup 1943进制转换
- mysql 记录更新 内部_MySQL 入门(1):查询和更新的内部实现
- arduino蓝牙通讯代码_蓝牙4.0模块 无线数据传输模块 无线蓝牙串口 Arduino
- Socket.io 的 emit
- OS篇-Bochs在Ubuntu下的安装教程
- 安徽省2019c语言二级答案,2019-C语言二级考试题库(含答案).docx
- DBV命令行工具检测坏块
- 每日单词20110507
- spatial transformer network (STN)
- 计算机家庭网络共享,教大家家庭局域网如何共享
- 从租售比看中国房价的合理性
- 【雷达仿真 | FMCW TDMA-MIMO毫米波雷达信号处理仿真(可修改为DDMA-MIMO)】
- 手写Fbank语音特征提取
- Python+网易企业邮箱发送邮件
- IDEA在创建包时如何把包分开实现自动分层
- Python分享消息到Twitter、Youtube、Facebook平台
- 2021-08-22 愿景和范围文档模板样例
热门文章
- eNSP AR1启动失败的解决办法
- 2D/3D车道线数据汇总
- SUST-ACM-2019届暑期ACM集训热身赛2题解
- 国网GIM设备三维模型要求细则 - 金具
- PierianDx完成高达4,750万美元的成长资本融资
- (附源码)计算机毕业设计SSM圆梦酒店管理系统
- java地位_这12条理由告诉你,为什么Java的地位无法被撼动!
- mysql client library_MySQL数据库之zabbix3.x安装出现“configure: error: Not found mysqlclient library”的解决办法...
- 气象-数据同化学习(OBSPROC)(2)
- centos 搭建 nfs 教程