SCNView *scnView = [[SCNView alloc]initWithFrame:self.view.bounds];
scnView.backgroundColor = [UIColor blackColor];
scnView.scene = [SCNScene scene];
scnView.allowsCameraControl = true;
[self.view addSubview:scnView];

第四步添加照相机

SCNNode *cameraNode = [SCNNode node];
cameraNode.position = SCNVector3Make(0, 0, 20);
cameraNode.camera = [SCNCamera camera];
cameraNode.camera.automaticallyAdjustsZRange = true;
[scnView.scene.rootNode addChildNode:cameraNode];

第六步索引到模型中的几何对象

  NSURL *url1 = [[NSBundle mainBundle]URLForResource:@"aaa" withExtension:@"dae"];
  NSURL *url2 = [[NSBundle mainBundle]URLForResource:@"aaa2" withExtension:@"dae"];
  SCNScene *scene1 = [SCNScene sceneWithURL:url1 options:nil error:nil];
  SCNScene *scene2 = [SCNScene sceneWithURL:url2 options:nil error:nil];
  SCNGeometry *g1 = [scene1.rootNode childNodeWithName:@"plane" recursively:true].geometry;
   SCNGeometry *g2 = [scene2.rootNode childNodeWithName:@"plane" recursively:true].geometry;
  g1.firstMaterial.diffuse.contents = @"mapImage.png";
  g2.firstMaterial.diffuse.contents = @"mapImage.png";

第七步把第一个几何体绑定到节点上添加到场景中去

SCNNode *planeNode = [SCNNode node];
[scnView.scene.rootNode addChildNode:planeNode];
planeNode.geometry = g1;
[scnView.scene.rootNode addChildNode:planeNode];

到这里我们的准备工作已经完成，下面就是我们今天的重点内容

第八步创建一个过渡期,添加我们要过渡的模型

planeNode.morpher = [[SCNMorpher alloc]init];
planeNode.morpher.targets = @[g2];

第九步设置过渡动画

  CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"morpher.weights[0]"]; // 0 代表过渡目标数组的第一个模型
  animation.fromValue = @0.0;
  animation.toValue = @1.0;
  animation.autoreverses = YES;
  animation.repeatCount = INFINITY;
  animation.duration = 2;
  [planeNode addAnimation:animation forKey:nil];

高级内容

下面叫大家一种简单的方式实现上面的效果,先给看一张图

模型文件截图

我们可以让模型设计师帮我们把过渡到指定的目标几何绑定到我们的文件中

接下来，再看我们的代码怎么写

 NSURL *url3 = [[NSBundle mainBundle]URLForResource:@"foldingMap" withExtension:@"dae"];
SCNNode *node1 = [[SCNScene sceneWithURL:url3 options:nil error:nil].rootNode childNodeWithName:@"Map" recursively:true];
node1.geometry.firstMaterial.diffuse.contents = @"1.PNG";
[scnView.scene.rootNode addChildNode:node1];

// 过渡动画和上面的写法一样
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"morpher.weights[0]"];
animation.fromValue = @0.0;
animation.toValue = @1.0;
animation.autoreverses = YES;
animation.repeatCount = INFINITY;
animation.duration = 2;
[node1 addAnimation:animation forKey:nil];

我们模型过渡动画内容讲解完毕,你掌握了吗?

代码库,听说经常给人点赞都当老板了!

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-05-13，如有侵权请联系 cloudcommunity@tencent.com 删除

glsl