用 EasyAR SDK 开发 视 + APP 效果(上)

1,123 阅读3分钟

                     使用EasyAR SDK 来开发好玩的AR应用

EasyAR 开发者交流群:605785368

第一部分:前言

本教程来教大家实现视+ APP 中非常受欢迎的一个案例,自己另外加入了目前AR APP 中非常流行的几个功能。教程分上中下来实现。

教程目录:上部:主要实现手指可以移动AR模型到合适的位置,双手可以放大模型,点击模型播放动画实现交互。

中部:主要实现点击屏幕 AR模型移动到指定位置。

下部:主要实现截屏保存精彩瞬间并分享到相关社交平台。

第二部分:预览


视+ demo

第三部分:开发环境准备

相关资源:怪物模型:链接:https://pan.baidu.com/s/1nv165mD密码: s8s6

下载EasyAR SDK,搭建EasyAR 开发的最基本环境。

ok,接下来我们删除unity原有的Camera,把EasyAR 的摄像机拖入到面板中。



接着把导入的怪物模型拖入面板中(注意:我们这里并没有用到Imagetarget,因为不需要识别功能,大家可以脑洞大开,来为模型展现增加个缓冲显示效果,在这里我就不实现了,主要把AR 移动端的核心知识给大家分享一下)



第四部分:修改相关参数

先修改AR相机的角度,使其X值旋转270度



接下来使怪物Y值旋转180度,并放大2倍,修改默认动画(也可以不修改,只不过使的看起来效果更惊艳)。



给怪物添加BoxCollider,并勾选Trigger

第五部分:实现点击怪物播放动画实现交互

首先给物体再加一个Animation,根据你自己的喜爱添加



结下来新建一段代码实现动画交互,代码十分简单

using UnityEngine;using System.Collections; public class Player : MonoBehaviour {        public Animation anim;        void Start()        {                anim = GetComponent();

}

void Update()

{

if (!anim.isPlaying) {

anim.Play ("2HitCombo");

}

}

void OnMouseDown()

{

anim.Play ("jumpAttack_RM");

}

}

第六部分:实现手指拖动模型到任何位置

添加如下代码,主要是unity Input 移动端的屏幕操作

在Update()中添加:首先定义一个变量Speed

if (Input.touchCount > 0 && Input.GetTouch(0).phase == TouchPhase.Moved)

{

Vector3 touchDeltaPosition = Input.GetTouch(0).deltaPosition;

transform.Translate(-touchDeltaPosition.x * speed, touchDeltaPosition.y * speed, 0);

}

第七部分:实现双手缩放模型

using UnityEngine;

using System.Collections;

public class SelfRotate1 : MonoBehaviour {

private Touch oldTouch1;  //上次触摸点1(手指1)

private Touch oldTouch2;  //上次触摸点2(手指2)

void Start()

{

}

void Update () {

//没有触摸

if ( Input.touchCount <= 0 ){

return;

}

//多点触摸, 放大缩小

Touch newTouch1 = Input.GetTouch (0);

Touch newTouch2 = Input.GetTouch (1);

//第2点刚开始接触屏幕, 只记录,不做处理

if( newTouch2.phase == TouchPhase.Began ){

oldTouch2 = newTouch2;

oldTouch1 = newTouch1;

return;

}

//计算老的两点距离和新的两点间距离,变大要放大模型,变小要缩放模型

float oldDistance = Vector2.Distance(oldTouch1.position, oldTouch2.position);

float newDistance = Vector2.Distance(newTouch1.position, newTouch2.position);

//两个距离之差,为正表示放大手势, 为负表示缩小手势

float offset = newDistance - oldDistance;

//放大因子, 一个像素按 0.01倍来算(100可调整)

float scaleFactor = offset / 100f;

Vector3 localScale = transform.localScale;

Vector3 scale = new Vector3(localScale.x + scaleFactor,

localScale.y + scaleFactor,

localScale.z + scaleFactor);

//最小缩放到 0.3 倍

if (scale.x > 0.3f && scale.y > 0.3f && scale.z > 0.3f) {

transform.localScale = scale;

}

//记住最新的触摸点,下次使用

oldTouch1 = newTouch1;

oldTouch2 = newTouch2;

}

}