在 《王者荣耀》 登入界面

左右上下晃动手机(有些手机不支持)可以看到背景在变化

我使用的是iPhone SE 效果如下:

对比两张图片的左下角 可以看到差异

至于为什么要这么做:

1.使用贴图资源实现一个简单动画效果

2.有点3D感觉

3.可能策划闲的没事做

反正策划需求要实现《王者荣耀》的效果

苦逼的程序开始填坑之路

实现这个功能 我用了2天 具体的坑就不一一说明了

上代码

using UnityEngine;
using System.Collections; public class GravityAnimation : MonoBehaviour
{
//方向是否反向移动
public bool isReverseX = false;
public bool isReverseY = false; //贴图移动极限值
public float maxX;
public float minX;
public float maxY;
public float minY; //范围(防止画面抖动)
public float range = 0.01f; //区间(陀螺仪的值改变多少区间 完成整个移动)
public float section = 0.3f; //上一帧陀螺仪的值
Vector3 lastAttitude = Vector3.zero; //移动平均值
float meanX;
float meanY; void Start()
{
Input.gyro.enabled = true;
} // Update is called once per frame
void Update()
{
if (transform == null)
{
return;
} //获取陀螺仪的值
Vector3 attitude = new Vector3(Input.gyro.attitude.x, Input.gyro.attitude.y, ); //使安全范围内 - 1之1
attitude.x = Tool(attitude.x, , -);
attitude.y = Tool(attitude.y, , -); float x = transform.localPosition.x;
float y = transform.localPosition.y; //如果这帧变化不大 则使用上帧的值 防止抖动;
if (System.Math.Abs(lastAttitude.x - attitude.x) >= range)
{
//这帧的偏移量
float direction = attitude.x - lastAttitude.x; meanX = (maxX - minX) / section; //偏移量对于的实际坐标位移
float Position = direction * meanX; if (isReverseX)
{
x = Tool(transform.localPosition.x + Position, maxX, minX);
}
else
{
x = Tool(transform.localPosition.x - Position, maxX, minX);
}
} //如果这帧变化不大 则使用上帧的值 防止抖动;
if (System.Math.Abs(lastAttitude.y - attitude.y) >= range)
{
//这帧的偏移量
float direction = attitude.y - lastAttitude.y; meanY = (maxY - minY) / section;
//偏移量对于的实际坐标位移
float Position = direction * meanY; if (isReverseY)
{
y = Tool(transform.localPosition.y + Position, maxY, minY);
}
else
{
y = Tool(transform.localPosition.y - Position, maxY, minY);
}
} transform.localPosition = new Vector3(x, y, transform.localPosition.z); //保存值
lastAttitude = attitude; } //使第origin的值在界限之内
float Tool(float origin, float max, float min)
{
float retrun = origin; if (retrun >= max)
{
retrun = max;
}
else if (retrun <= min)
{
retrun = min;
} return retrun;
} }

上Demo链接

链接:http://pan.baidu.com/s/1o7AoPg2 密码:qmsr

我总觉得本文章的实现方法可能有问题

如果你有更好的方法

跪求

Unity 使用 陀螺仪 实现 《王者荣耀》 登入界面 背景动态效果的更多相关文章

  1. PCB 720全景图嵌入登入界面应用实现

    通常软件主界面或登入界面背景图片通常采用固定图片,这里介绍如何将720度全景图嵌入到登入界面中来, 这里用的素材来源于这里上个月在公司里拍摄的全景图, 一.拍摄720度全景图片, 建议:最好用三角固定 ...

  2. iOS开发——实用篇Swift篇&QQ登入界面实现

    QQ登入界面实现 我们知道在App Store中几乎所有软件都设计到账户的登入,而我们最常见的就是QQ,微信,在没有踏入程序员这条不归路之前,看到一个个的界面都感觉好高大上的样子. 在学习的过程中,自 ...

  3. python编辑用户登入界面

    1.需求分析 登入界面需要达到以下要求: 系统要有登入和注册两个选项可供选择 系统要能够实现登入出错提示,比如账户密码错误等,用户信息保存在user_info.txt文件夹中 系统要能够进行登入错误次 ...

  4. 《慕客网:IOS动画案例之会跳动的登入界面(下)》学习笔记 -Sketch的使用

    导出选中的一个图片,比如这里我们选中background,然后点击软件的右下角,可以设置导出的尺寸: 然后添加1倍,2倍,3倍的尺寸,因为在ihpne6之后就需要这三个尺寸倍数的UI,以适应不同设备的 ...

  5. 《慕客网:IOS动画案例之会跳动的登入界面(上)》学习笔记 -Sketch的使用

    选中需要放进文件夹里的文件,然后按command+G,就会自动生成文件夹并把需要放进的文件包含进去了.(组 Group) 选中需要锁住的图层,然后按command+shift+L就可以将图层锁住.(锁 ...

  6. Spring Boot SSO单点登入

    https://github.com/ITDragonBlog/daydayup/tree/master/SpringBoot-SSO 流程图: 1: Redis 保存用户信息 到Redis(KEY- ...

  7. Ubuntu16.04以root身份登入!

    首先以非root用户身份登入系统. 1,修改root密码:启动shell,随后在shell里面输入命令: sudo passwd root 最后输入root要使用的密码,需要输入两次,这样root密码 ...

  8. ubuntu - 14.04,由于安装软件造成磁盘空间不足,无法登入Gnome解决办法!!

    刚才安装了半天软件,最后出现磁盘空间不足的问题,刚开始我还以为ubuntu和我开玩笑,随后我重新启动它才发现真不是开玩笑,我已经进不去Gnome桌面了!!! 解决办法: 1,以root身份进入shel ...

  9. 网络爬虫之requests模块的使用+Github自动登入认证

    本篇博客将带领大家梳理爬虫中的requests模块,并结合Github的自动登入验证具体讲解requests模块的参数. 一.引入:   我们先来看如下的例子,初步体验下requests模块的使用: ...

随机推荐

  1. SNS团队第四次站立会议(2017.04.25)

    一.当天站立式会议照片 本次会议主要内容:汇报工作进度,根据完成情况调整进度 二.每个人的工作 成员 今天已完成的工作 明天计划完成的工作 罗于婕 相关数据库文件建立起来  完善数据库文件 龚晓婷 研 ...

  2. 团队作业8——Beta 阶段冲刺7th day

    一.当天站立式会议 二.每个人的工作 (1)昨天已完成的工作(具体在表格中) 完善支付功能 (2)今天计划完成的工作(具体如下) 测试与正式发布 (3) 工作中遇到的困难(在表格中) 成员 昨天已完成 ...

  3. 团队作业10——beta阶段项目复审

    小组的名字和链接 优点 缺点(bug报告) 最终名次 拖鞋大队 基本功能都实现了,符合用户的需求:每次都能按时完成博客,满足题目要求,所以作业完成的也比较优秀.较alpha版本新增了查重自定义的功能, ...

  4. 团队作业4---第一次项目冲刺(ALpha)版本 第六天

    一.Daily Scrum Meeting照片 二.燃尽图 三.项目进展 a.完成所有基础功能 b.正在进行测试调试 四.困难与问题 1.测试前没有理清业务逻辑,导致前期测试深度不够: 2.在验证过去 ...

  5. 团队作业4——第一次项目冲刺(Alpha版本)2017.4.26

    2017.04.26 天气热. 时间:上午 9:35 ---10:10分 地点:陆大304实验室 会议内容:今天将昨天的的一些问题进行了讨论,以及针对助教提出的问题进行了分析,是因为我们昨天经过讨论后 ...

  6. 团队作业4——第一次项目冲刺(Alpha版本)7th day

    一.Daily Scrum Meeting照片 二.燃尽图 三.项目进展 在计时模式下能够记录用户的用户名和成绩,没有弄登录功能, 将程序定义为单机的 未完成的卡片为登录功能和使用QQ登录. 四.困难 ...

  7. 201521123062《Java程序设计》第7周学习总结

    1. 本周学习总结 2. 书面作业 1.ArrayList代码分析 1.1 解释ArrayList的contains源代码 源代码如下: public boolean contains(Object ...

  8. 201521123073 《Java程序设计》第7周学习总结

    1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结集合相关内容. 参考资料: 2. 书面作业 1.ArrayList代码分析 1.1 解释ArrayList的contains源代码 源代码: ...

  9. 201521123109《java程序设计》第六周学习总结

    1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图,对面向对象思想进行一个总结. 注1:关键词与内容不求多,但概念之间的联系要清晰,内容覆盖 ...

  10. [转载] sublime text 2 调试python时结果空白

    之前用的时候都一切正常,今天突然就出现了这个问题.按ctrl+b执行的时候结果只有空白,查了很多文章都只提到了中文路径.系统路径等等,没有解决问题,直到看到了这篇文章:http://384444165 ...