本章节教大家如何让立方体按照自己想要的轨迹运动。
添加头文件 #import''NVAnimationEffect.h'' ,在 onCreate 方法中实例该动画类,代码如下图:
1、立方体移动
代码:
代码:
代码:
添加头文件 #import''NVBezierPath.h'', 在 onCreate 方法中实例该轨迹类,代码如图
代码:
欢迎联系:
添加头文件 #import''NVAnimationEffect.h'' ,在 onCreate 方法中实例该动画类,代码如下图:
1、立方体移动
![点击查看原图](http://www.arvrschool.com/attachment/thumb/1804/thread/111_3513_e2c3ad9d59059c2.jpg)
代码:
/**
* 构建一个NVAnimationEffect对象
* name 可以随便取,但是要唯一
* context 传入场景即可
* widget 作用的NVWidget对象,本例传入的是立方体
* duration 运动的总时长
*/
NVAnimationEffect *move = [[NVAnimationEffect alloc] initWithAnimation:@"moveAni" Context:self Widget:cube Duration:4.0];
// 设置关键帧
// 在4秒内从(0,0,0)的位置线形的移动到(0,10,0)的位置
[move createKeyFrameWithTimePos:0 Pos:NVPosition(0.0, 0.0, 0.0) Type:TRANSLATE];
[move createKeyFrameWithTimePos:4 Pos:NVPosition(0.0, 10.0, 0.0) Type:TRANSLATE];
// 是否循环播放动画
[move setLoop:YES];
// 将动画对象添加到场景中
[self addAnimEffect:move];
// 开始执行运动
[move start];
2、立方体边移动边缩放
![点击查看原图](http://www.arvrschool.com/attachment/thumb/1804/thread/111_3513_2d8d11182955a6d.jpg)
代码:
// 设置关键帧
// 在4秒内从(0,0,0)的位置线形的移动到(0,10,0)的位置
[move createKeyFrameWithTimePos:0 Pos:NVPosition(0.0, 0.0, 0.0) Type:TRANSLATE];
[move createKeyFrameWithTimePos:4 Pos:NVPosition(0.0, 10.0, 0.0) Type:TRANSLATE];
// 新开一个运动轨道,在4秒内从1倍放大到5倍
[move createKeyFrameWithTimePos:0 Pos:NVPosition(1.0, 1.0, 1.0) Type:SCALE];
[move createKeyFrameWithTimePos:4 Pos:NVPosition(5.0, 5.0, 5.0) Type:SCALE];
3、立方体边移动边缩放边自旋转
![点击查看原图](http://www.arvrschool.com/attachment/thumb/1804/thread/111_3513_f087edc0abc9831.jpg)
代码:
// 设置关键帧
// 在4秒内从(0,0,0)的位置线形的移动到(0,10,0)的位置
[move createKeyFrameWithTimePos:0 Pos:NVPosition(0.0, 0.0, 0.0) Type:TRANSLATE];
[move createKeyFrameWithTimePos:4 Pos:NVPosition(0.0, 10.0, 0.0) Type:TRANSLATE];
// 新开一个运动轨道,在4秒内从1倍放大到5倍
[move createKeyFrameWithTimePos:0 Pos:NVPosition(1.0, 1.0, 1.0) Type:SCALE];
[move createKeyFrameWithTimePos:4 Pos:NVPosition(5.0, 5.0, 5.0) Type:SCALE];
// 新开一个运动轨道,在4秒内绕z轴旋转360度
[move createKeyFrameWithTimePos:0 Pos:NVPosition(0.0, 0.0, 0.0) Type:ROTATION];
[move createKeyFrameWithTimePos:4 Pos:NVPosition(0.0, 0.0, 360.0) Type:ROTATION];
4、贝塞尔曲线
添加头文件 #import''NVBezierPath.h'', 在 onCreate 方法中实例该轨迹类,代码如图
![点击查看原图](http://www.arvrschool.com/attachment/thumb/1804/thread/111_3513_0f180f59a88a81c.jpg)
![点击查看原图](http://www.arvrschool.com/attachment/thumb/1804/thread/111_3513_e414249465f885f.jpg)
代码:
/**
* startPoint 轨迹的起始点
* controlPoint1 控制点1
* controlPoint2 控制点2
* startPoint 轨迹的结束点
**/
NVVector3f startPoint = NVPosition(10.0, 0, 5.5);
NVVector3f controlPoint1 = NVPosition(6.0, 0, 3.5);
NVVector3f controlPoint2 = NVPosition(8.0, 0, 4.5);
NVVector3f endPoint = NVPosition(10.0, 0, 0.0);
// 实例话贝塞尔曲线对象
mMainPath = [[NVBezierPath alloc] initWithBezier:mContext Name:@"BezierPath"];
// 设置曲线的精细程度
[mMainPath setSubdivision:mSubdivision];
// 设置贝塞尔轨迹起始点
[mMainPath setPoints:startPoint EndPoint:endPoint];
// 设置控制点
[mMainPath setControlPoints:controlPoint1 Point2:controlPoint2];
// 描边绘制
[mMainPath stroke];
// 实例话动画对象
NVAnimationEffect *move = [[NVAnimationEffect alloc] initWithAnimation:@"moveAni" Context:self Widget:cube Duration:4.0];
// 将贝塞尔曲线设置到动画中
[move selectPath:mMainPath Type:TRANSLATE];
// 是否循环播放动画
[move setLoop:YES];
// 将动画对象添加到场景中
[self addAnimEffect:move];
// 开始执行运动
[move start];
运行项目,可以看到立方体按照自己设置的轨迹运动起来了。
欢迎联系:
- 联系方式: +86 18801341080
- 电子邮箱: manager@nvisionxr.com
- 网址:http://www.nvisionxr.com/
- QQ群:416802300
![](http://www.arvrschool.com/attachment/1804/thread/111_3513_20226341ae65911.png)