用Unity实现时间倒退效果
记得以前看过一个电影,叫做《独立游戏大电影》,其中有个一个游戏可以实现时间回退的功能,可以像倒带一样,十分有趣。因此我就想着用Unity也实现一个类似的简单Demo,说不定哪天会用到。
效果
这个Demo可以回退Transform的Position和Rotation。
思路
一个简单的思路就是用Stack来记录物体的Position和Rotation,当需要时间回退的时候就Pop出来,赋值到物体上。
不过为了可以进行拓展,比如只能回退到某段时间内的,而不是一下子回退到最开始的地方,我们需要剔除太久之前的信息。如下图:
因此我选择使用List而不是Stack。
代码
[完整代码看文章尾]
//Pos
Vector3 pos = this.transform.position;
float horizontal = Input.GetAxis("Horizontal");
float vertical = Input.GetAxis("Vertical");
if (Mathf.Abs(horizontal) > 0.0001f) //左右移动
{
pos.x += Time.deltaTime * horizontal * Speed;
}
if (Mathf.Abs(vertical) > 0.0001f) //上下移动
{
pos.y += Time.deltaTime * vertical * Speed;
}
this.transform.position = pos;
HistoryPos.Add(pos);
这里HistoryPos就是我们用来存储历史位置的List,我们每帧都存储物体的位置。
当我们需要时间回退时,可以每帧调用下面的代码:
if (HistoryPos.Count > 0)
{
int index = HistoryPos.Count - 1;
this.transform.position = HistoryPos[index];
HistoryPos.RemoveAt(index);
}
这就是每次取出最后的位置(即最新的),赋值到物体上
当我们需要限制时间回退的时间跨度,可以在HistoryPos.Add后加上下面这些代码:
HistoryPos.Add(pos);
if (ShouldLimit && HistoryPos.Count > Limit)
{
HistoryPos.RemoveAt(0);
}
因为旋转是雷同的,因此就不贴代码出来了。
改进
- 这里我们是每帧都记录信息,这样List的大小很容易暴走,因此我们可以每隔一段时间来记录,然后要时间回退的时候就进行插值。
- 通常我们的物体都带有动画,这时倒播动画就行。如果在时间回退过程中存在多个动画,我们就需要自己设计数据结构来保存某个时刻对应的动画和动画状态。
完整代码
using UnityEngine;
using System.Collections;
using System.Collections.Generic;
/// <summary>
/// 就是利用Stack的原理来获取历史位置
/// 如果同时有动画,把动画倒放就是
/// </summary>
public class TBPlayer : MonoBehaviour {
public int Speed = 3;
public int RotateSpeed = 100;
public bool ShouldLimit = false;
public int Limit = 100; //可以存放的坐标上限
private List<Vector3> HistoryPos;
private List<Quaternion> HistoryRot;
private bool _IsTimeBack = false;
void Start () {
HistoryPos = new List<Vector3>();
HistoryRot = new List<Quaternion>();
}
void Update () {
if (_IsTimeBack)
TimeBack();
else
ControlPos();
}
void ControlPos()
{
//Pos
Vector3 pos = this.transform.position;
float horizontal = Input.GetAxis("Horizontal");
float vertical = Input.GetAxis("Vertical");
if (Mathf.Abs(horizontal) > 0.0001f) //左右移动
{
pos.x += Time.deltaTime * horizontal * Speed;
}
if (Mathf.Abs(vertical) > 0.0001f) //上下移动
{
pos.y += Time.deltaTime * vertical * Speed;
}
this.transform.position = pos;
HistoryPos.Add(pos);
//Rotation
Quaternion rot = this.transform.rotation;
Vector3 rotv = rot.eulerAngles;
float rotate = Input.GetAxis("Fire1");
if (Mathf.Abs(rotate) > 0.0001f)
{
rotv.z += Time.deltaTime * rotate * RotateSpeed;
}
rot = Quaternion.Euler(rotv);
this.transform.rotation = rot;
HistoryRot.Add(rot);
if (ShouldLimit && HistoryPos.Count > Limit)
{
HistoryPos.RemoveAt(0);
HistoryRot.RemoveAt(0);
}
}
void TimeBack()
{
if (HistoryPos.Count > 0)
{
int index = HistoryPos.Count - 1;
this.transform.position = HistoryPos[index];
HistoryPos.RemoveAt(index);
}
if (HistoryRot.Count > 0)
{
int index = HistoryRot.Count - 1;
this.transform.rotation = HistoryRot[index];
HistoryRot.RemoveAt(index);
}
}
void OnGUI()
{
if (GUILayout.Button("时间倒流"))
{
_IsTimeBack = true;
}
if (GUILayout.Button("Reset"))
{
HistoryRot.Clear();
HistoryPos.Clear();
_IsTimeBack = false;
}
}
}
用Unity实现时间倒退效果的更多相关文章
- Unity 实现物体破碎效果(转)
感谢网友分享,原文地址(How to Make an Object Shatter Into Smaller Fragments in Unity),中文翻译地址(Unity实现物体破碎效果) In ...
- CSS3实现时间轴效果
原文:CSS3实现时间轴效果 最近打开电脑就能看到极客学院什么新用户vip免费一个月,就进去看看咯,这里就不说它的课程怎么滴了,里面实战路径图页面看到了这个效果: 有点像时间轴的赶脚,而且每一块鼠标悬 ...
- 使用ExpandableListView时间轴效果达到
不废话,首先在地图上,查看结果 这是用ExpandableListView来实现时间轴效果,原理比較简单,以月份为第一级,以天为第二级来实现的. package com.hj.main; import ...
- Asp.net+jquery+ajaxpro异步仿Facebook纵向时间轴效果
Asp.net+jquery+ajaxpro异步仿Facebook纵向时间轴效果 在一个项目中,用到了时间轴展示产品的开发进度,为了更好用户体验,想到了Facebook的timeline效果, 搜了一 ...
- Android实训案例(三)——实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果!
Android实训案例(三)--实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果! 感叹离春节将至,也同时感叹时间不等人,一年又一年,可是我依然是android道路上的小菜鸟,这篇讲 ...
- JS时间轴效果(类似于qq空间时间轴效果)
在上一家公司写了一个时间轴效果,今天整理了下,感觉有必要写一篇博客出来 给大家分享分享 当然代码还有很多不足的地方,希望大家多指点指点下,此效果类似于QQ空间或者人人网空间时间轴效果,当时也是为了需求 ...
- Android时间轴效果,直接使用在你的项目中
近期开发app搞到历史查询,受腾讯qq的启示,搞一个具有时间轴效果的ui,看上去还能够,然后立即想到分享给小伙伴,,大家一起来看看,先上效果图吧 watermark/2/text/aHR0cDovL2 ...
- js实现的时间轴效果
今天整理以前的资料发现以前写的一个时间轴效果,当时也是网上找了很久没有找到,就自己写了一个,现在发出来给有需要的人,代码写的可能有点乱. 效果图: 下面是美工做的设计图的效果(有个美工就是好): 下面 ...
- jQuery鼠标滑过横向时间轴效果
jQuery鼠标滑过横向时间轴效果---效果图: jQuery鼠标滑过横向时间轴效果---全部代码: <!DOCTYPE html> <html> <head> & ...
随机推荐
- 【转】Windows下使用libsvm中的grid.py和easy.py进行参数调优
libsvm中有进行参数调优的工具grid.py和easy.py可以使用,这些工具可以帮助我们选择更好的参数,减少自己参数选优带来的烦扰. 所需工具:libsvm.gnuplot 本机环境:Windo ...
- wkhtmltopdf 将网页转换为PDF和图片
wkhtmltopdf 是一个shell工具,它使用了WebKit渲染引擎和Qt,将网页html转换为pdf的强大工具,转换后的pdf也可以通过pdf工具进行复制.备注.修改 官网下载地址:http: ...
- SQL Server 系统数据库
Sql Server的系统数据库分为:master.model.msdb,resouce和tempdb,这五个数据库在SQL Server中各司其职,作为研发人员,很有必要了解这几个数据库的职责,下面 ...
- 攻城狮在路上(陆)-- hadoop分布式环境搭建(HA模式)
一.环境说明: 操作系统:Centos6.5 Linux node1 2.6.32-431.el6.x86_64 #1 SMP Fri Nov 22 03:15:09 UTC 2013 x86_64 ...
- 远程登录VirtualBox虚拟机Linux
通过端口转发的方式,使用终端(如MobaXterm,Xshell,putty等终端)远程登录本机虚拟机Linux, 打开虚拟机,找到 [设置]-->[网络]--> [网卡1] 确认以下设置 ...
- PL/SQL客户端中执行insert语句,插入中文乱码
问题描述:在PL/SQL客户端中执行insert语句,插入中文乱码 解决方案: 1.执行脚本 select userenv('language') from dual; 结果为AMERICAN_ ...
- Nginx %00空字节执行php漏洞
Nginx如下版本:0.5.*, 0.6.*, 0.7 <= 0.7.65, 0.8 <= 0.8.37在使用PHP-FastCGI执行php的时候,URL里面在遇到%00空字节时与Fas ...
- Vue - 事件绑定
1.内联方式: A:将事件处理器绑定到一个方法中,以下所有事件都以click事件作为案例 注意:内联方式下事件处理器只能绑定一个方法,要是想要绑定多个方法,依旧还是使用js中的addEventList ...
- some useful linux commands
# best way to see log file less +F /var/log/syslog (equals: less /var/log/syslog, then shift+f) # se ...
- C++: Virtual Table and Shared Memory
See at: 补充栏3: C++对象和共享内存 (叙述内容和Link1的内容基本一致) <C++网络编程 卷1:运用ACE和模式消除复杂性> <C++ Network Progra ...