第五节 - SCNNode 用法讲解

SCNNode 用法讲解

学习目标

理解游戏场景和节点的概念

---

你必须知道的概念

概念图

场景

简单的说，就是把人物，地图，道具等放在一个空间里,组成一个大的环境,这个大的环境就被称为场景!

节点

在SceneKit 节点是个抽象的概念,节是个看不见,摸不到的东西，没有几何形状,但是它有位置，以及自身坐标系。通俗的讲，在场景中创建一个添加节点后,你就可以在这个节点上放我们游戏元素了，比如人物模型，灯光，摄像机等等! 节点上可以添加节点的,每个节点都有自身坐标系。如图，我们把节点2添加到节点1上去。

实战目标

1.掌握如何添加节点到场景中 2.给节点绑定几何物体 3.给节点添加节点

开始吧

第一步.创建工程

和创建普通工程没啥区别

让学习成为一种习惯

我们已经完成了创建工程的任务,有的人就问了,你不是要将SceneKit 游戏开发，怎么创建的是应用工程,往下看,就这么任性!

第二步，添加我们的游戏框架到我们的控制器ViewController中

添加游戏框架

到这里,准备工作已经全部做完,开始敲代码啦！

第三步:创建一个游戏引擎专属View视图(SCNView)

    @property(nonatomic,strong)SCNView *gameView; // 设置一个引用属性

      - (void)addSCNView{
    // 1.创建一个边长为300 的视图，放在屏幕中心
    self.gameView = [[SCNView alloc]initWithFrame:CGRectMake(0, 0, 300, 300)];
    self.gameView.center = CGPointMake(CGRectGetMidX(self.view.bounds), CGRectGetMidY(self.view.bounds));
    // 2.设置背景颜色为黑色
    self.gameView.backgroundColor = [UIColor blackColor];
    // 3.添加到父视图中去
    [self.view addSubview:self.gameView];
    }

    - (void)viewDidLoad {
    [super viewDidLoad];
    [self addSCNView];
    }

此刻运行一下程序结果如下图

运行结果

第四步.添加场景

    -(void)createScene{
    SCNScene *scene = [SCNScene scene];
    self.gameView.scene = scene;
    }

此时，如果你运行程序，就和上面的效果一样，没有变化，因为我们的场景中什么都没有。

第五步.添加节点

     // 创建节点，添加到scene的根节点上
     SCNNode *node = [SCNNode node];
     [scene.rootNode addChildNode:node];

提示:

scene.rootNode 有些朋友很好奇，为什么Scene也有一个节点，上面说个，没有节点你没法放游戏元素上去，并且它有自身坐标系，这就是为什么scene也有一个根节点的原因。

此时你运行程序也和上面结果一样,因为节点没有几何形状!

第六步.给节点绑定一个几何形状的物体

     // 创建一个球体几何绑定到节点上去
    SCNSphere *sphere = [SCNSphere sphereWithRadius:0.5];
    node.geometry = sphere;

运行一下

运行结果

此时我们已经完成了实战任务的1和2,继续加油!

第七步.给节点添加节点

    // 创建子节点 给子节点添加几何形状
    SCNNode *childNode = [SCNNode node];
    // 设置节点的位置
    childNode.position = SCNVector3Make(-0.5, 0, 1);
    // 设置几何形状，我们选择立体字体
    SCNText *text = [SCNText textWithString:@"让学习成为一种习惯" extrusionDepth:0.03];
    // 设置字体颜色
    text.firstMaterial.diffuse.contents = [UIColor redColor];
    // 设置字体大小
    text.font = [UIFont systemFontOfSize:0.15];
    // 给几点绑定几何物体
    childNode.geometry = text;
    [node addChildNode:childNode];

友情提示:

extrusionDepth 字体的深度 firstMaterial.diffuse.contents 不知道没关系，后面会讲的,单词意思就可以理解.firstMaterial 第一个材质 diffuse 自身发散的contents内容，我们设置为red 也可以设置图片的!

我们用一键大招让你自由旋转物体

self.gameView.allowsCameraControl = true;

本节内容已将讲解完毕,赶紧动手操练一遍吧！让学习成为一种习惯